Модуль удаление белых полос

[iyval]

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

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

[Гість]

Прикольно =) 

[Гість]

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

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

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

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

 

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

[krumax]

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

 

[sitecreator]

В 18.01.2018 в 18:47, iyval сказал:

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

 

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

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

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

 

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

 

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

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

 

 

[sitecreator]

 

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

 

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

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

 

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

 

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

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

 

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

 

 

 

[sitecreator]

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

 

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

 

 

 

[sitecreator]

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

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

 

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

 

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

 

 

 

 

 

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

 

 

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

 

 

[sitecreator]

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

 

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

 

 

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

 

 

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

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

[sitecreator]

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

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