Перейти к содержанию

Рекомендуемые сообщения

Проблема думаю актуальная для многих. Как убрать белые поля в  ocStore 2.3.0.2.3

5a60c09adb085_.thumb.jpg.b79a71fab3c2710a6a1b280d4913abac.jpg

Хорошо если бы был модуль или другой способ убрать белые поля в  Open.Store

image.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Прикольно =) :-D

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

1. Таких модулей не существует

2. Изображение должно быть в png

3. Надо править размеры изображения в админке

4. Надо править шаблон, пустое место же будет...

 

Лучше заказать услугу для таких целей ))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 @iyval если у Вас квадратные фото, то и в настройках шаблона выставьте, чтобы размер сторон фото был одинаков.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 18.01.2018 в 18:47, iyval сказал:

Проблема думаю актуальная для многих.

 

Это не проблема.

Задаете размер изображений для отображения в шаблоне в таких же пропорциях, в которых у вас исходники.  И никаких белых полей.

Поля появляются в следствие того, что пропорции разные у исходника и у конечного изображения.  Надо же чем-то пустоту заполнить?

 

Если перевести в png, то пустота будет заполнена не белым полем, а прозрачным полем.  Но png - это очень накладно (большой размер файла).

 

Есть еще вариант - это использовать адаптивную обрезку. Когда исходник подгоняется под пропорции изображения, заданные в шаблоне.

Адаптивная обрезка нескольких типов есть в модуле:

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

1e3ae53e08.jpg

 

Есть модуль для работы с изображениями и гибкими настройками.  Можете запретить создание белых полей (полос) у картинок.

 

Фактически модуль не только сжимает изображения без потерь, но и превратился в самый мощный комбайн по работе с изображениями. Не только гибкая работа с водяным знаком (watermark), но и масса всевозможных настроек изображения. 

На сегодня ни один модуль или шаблон не обладает такими возможностями и гибкостью.

 

Например,  можно запретить увеличивать (ресайзить) изображения сверх размера исходника.  Это обеспечит отсутствие размытости и меньший объем файла, что оценит Гугл и, в первую очередь, пользователи.

 

Демонстрирую наглядно как это работает.  Вот у вас есть небольшой исходник.  Смотрите как падает качество изображения если его увеличить больше исходных размеров.

Шрифт на картинке становится размытым.

 

e47ae1019b.jpg

 

а вот не допускаем увеличение выше исходных размеров.  Шрифт более четкий, т. е. как в источнике.

 

f714fd1692.jpg

 

Ресайз небольшой в сторону увеличения,  но разница в четкости и резкости шрифта отличается.

 

e5cde9d013.jpg

 

Вот еще пример.  Видна пикселезация если картинка увеличена сверх исходника.  К тому же раздут размер файла - Гугл жалуется.

 

8c2121e760.jpg

 

А вот что можно сделать.  Тут четкая картинка не претерпела ненужного увеличения.  И она БЕЗ ПОЛЕЙ.  Белое - это элемент оформления (CSS),  к картинке не имеет отношения.

 

399b315dc5.jpg

 

В самой картинке нет никаких полей. Она квадратная.

 

6577c90cfb.jpg

 

 

но если нужно, то можно создавать с полями.  Но картинка все равно будет четкая,  т. к. исходник не будет увеличен, просто будут добавлены поля (если нужно). Все настраивается.

 

e6d0ca3f0e.jpg

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Описанное выше реализовано здесь:

 

Модуль "Компрессор изображений и водяной знак от sitecreator"

 

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно удалять теперь лишний фон даже с исходных изображений.

Т. е. делать то, что раньше было возможно лишь в фотошопе.

 

Теперь можно автоматически обрезать фон.  Причем даже очень сложный и неравномерный фон. И не обязательно белый.

 

Пример исходников с лишним фоном:

 

ffb927bc78.jpg

 

23a9138937.jpg

 

20d984a904.jpg

 

 

Степень обрезки фона у исходника регулируется.  Можно под корень, а можно с окантовочкой.

 

5bdd804e66.jpg

 

Реализуется за счет модуля:

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Есть возможность работать как с фоном исходных изображений, так и с фоном генерируемых изображений.

 

вот так делает сам движок, и по-другому не умеет:

 

ea75bf962c.jpg

 

а вот так умеет работать с фоном модуль "Компрессор":

 

ff39241c6d.jpg

 

можно добавлять поля цвета фона, на котором находятся предметы, а не просто белые поля как заложено в движке по умолчанию.

цвет фона автоматически определяется по изображению.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для работы с фоном изображений сделан отдельный плагин.

Можно обрезать фон, можно добавлять (расширять) фон нужного цвета (цвет берется из существующего фона).

 

 

image_compressor_sitecreator_m.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.