Модуль Image COMPRESSOR & Watermark & WebP & Lazy Load etc. by Sitecreator [Поддержка]

[sitecreator]

В 19.02.2018 в 23:36, nik123 сказал:

а как понять работает модуль или нет? ) сжимает или нет...

 

еще бывает так:

 

 

сервер сам кеширует изображения и даже дает им новые названия.

отключите кеширование на сервере.  Это где-то в разделе "ускорение" и/или  "pagespeed" нужно искать в панели управления хостера.

Отключайте эту оптимизацию (кеширование) и возможно lazyload в настройках сервера.

 

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

Но факт остается фактом - изображения кешируются сервером помимо серверного кеша движка и, как видите, происходит изменение сервером кода страницы.  Изображения приобретают другие названия (пути).

 

.../image/cache/catalog/tovar/kolco/img_3000-200x170.jpg.pagespeed.ce.qtHEA9dd-p.jpg

вместо

.../image/cache/catalog/tovar/kolco/img_3000-200x170.jpg

 

 

Это нередко бывает у хостера http://ukraine.com.ua/

Не всегда и не на всех его площадках.  Но учитывайте это.

Также не забывайте, что есть моя услуга "настройка".

 

Поэтому прошу не беспокоить меня каждый раз вопросами "как отключить кеширование изображений на сервере".  В каждой панели управления это делается различными способами.  Даже у ukraine.com.ua  бывают разные панели управления.

 

Если видите, что в названии файла изображения в браузере появилось "pagespeed" или еще какая прибавка, не предусмотренная движком, то явно, что сервер кеширует.

 

 

[nik123]

6 часов назад, sitecreator сказал:

 

для 2-й версии движка можно еще так глянуть:

 

 

Это информация по всем файлам шаблонов после сжатия.

Для движка вер. 1.5.*  тоже подготовил такую возможность. Она есть в модуле вер. 1.6.0.  Выложу в ближайшее время.

 

Все верно шаблон уменьшил в 2 раза, сравнение показало.

Все остальное пока нет. Может быть я тороплю события )), так как только вот сегодня ночью установил, но пока на хостинге не вижу новые файлы изображений с маркерами об сжатии, имена обычные которые были при загрузке.  Доп записей к именам файлов от "кеширования хостинга" нет.
Хостинг бегет

Змінено 20 лютого 2018 користувачем nik123

[nik123]

10 часов назад, sitecreator сказал:

 

 

если галочка "сравнить" установлена, то вы имеете возможность сравнить два способа оптимизации:

1) за счет средств imagick

2) за счет mozjpeg  (суперсжатие)

 

Специально обращаю ваше внимание, что это сравнение не того размера, который был ДО установки модуля.  До установки модуля у вас работала библиотека GD, которая уступает imagick во многом.  Например, imagick умеет выкидывать весь информационный мусор из изображения, а GD - нет.

 

Поэтому если бы мы сравнивали дефолтный (заложенный в движке) способ за счет библиотеки GD  и результат, полученный за счет суперсжатия, то разница была бы еще больше. В том числе и за счет того, что для GD  задан изначально неоптимальный уровень качества.

 

Мы же сравниваем файлы ДО и ПОСЛЕ с одинаковым уровнем качества.  Такое сравнение наиболее корректное для оценки алгоритма сжатия без потерь качества.

 

т.е. получается что, то что мы сравниваем просто файл и с индексом no_mozjpeg это уже сжатые файлы просто разными способами?

1) за счет средств imagick  - это файлы сжатые с индексом no_mozjpeg

2) за счет mozjpeg  (суперсжатие) - это файлы сжатые без индекса

И если мы сравним размер файла/картинку который был залит на хостинг с текущими, то даже файл с индексом  no_mozjpeg  будет весить меньше, так??

 

 

 

 

И еще вопрос, после того как лицензия подтвердена, файл с ключом можно удалить из папки /admin  ?

 

 

 

Змінено 20 лютого 2018 користувачем nik123

[sitecreator]

6 часов назад, nik123 сказал:

И если мы сравним размер файла/картинку который был залит на хостинг с текущими, то даже файл с индексом  no_mozjpeg  будет весить меньше

 

да, уже в этом случае будет весить меньше.

Скажу больше. Два года назад (или даже меньше)  Гуглу было достаточно такой оптимизации размера за счет imagick.

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

 

Поэтому в модуле используется алгоритм mozjpeg для сжатия JPEG, который позволяет получить хорошее сжатие и по степени сжатия аналогичен формату от Гугла WebP.

Для сжатия PNG используется OptiPNG, его же использует Гугл в своих проектах.

[nik123]

24 минуты назад, sitecreator сказал:

 

да, уже в этом случае будет весить меньше.

Скажу больше. Два года назад (или даже меньше)  Гуглу было достаточно такой оптимизации размера за счет imagick.

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

 

Поэтому в модуле используется алгоритм mozjpeg для сжатия JPEG, который позволяет получить хорошее сжатие и по степени сжатия аналогичен формату от Гугла WebP.

Для сжатия PNG используется OptiPNG, его же использует Гугл в своих проектах.

 

 

Хорошо, спасибо!

 

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

Змінено 20 лютого 2018 користувачем nik123

[sitecreator]

57 минут назад, nik123 сказал:

получается что WebP лучше результаты по сжатию

 

когда речь идет о png, то WebP дает лучшие результаты по сжатию. это, с одной стороны.

Но WebP легко передать в браузер если у вас VDS,  в случае общего хостинга нужно делать изменения в коде движка. У меня есть универсальный ocmod для этого,  но я не делал его для всех страниц и всевозможных модулей.

 

Кроме того этот формат поддерживают не все браузеры,  а примерно 70%.  Оставшимся надо передавать png.

И WebP довольно плохо пока масштабируется браузерами.  Если с jpeg, png с этим проблем нет никаких, то при масштабировании WebP появляется размазанность, картинка выходит словно не в фокусе.  А масштабирование повсеместно используется в адаптивных шаблонах.

 

Лучше в изображениях товаров использовать jpeg, а не png.

[sitecreator]

Вышла новая версия модуля 1.6.0.

Для движка 2.0  уже доступна.

Для движка 1.5 тоже практически полностью подготовлена и будет вскоре доступна.

 

 

Новые варианты адаптивного ресайза / обрезки. Допускается полное отсутствие белых полей для всех изображений (4-й вариант адаптивности)

Добавлена возможность управлять параметрами отдельно для всплывающих изображений (независимо от всех остальных) :

 

- можно полностью убирать белые поля вокруг изображения, но при этом размер будет ограничен заданными параметрами шаблона;

- можно всплывающие изображения ограничить по ширине (параметром шаблона), но высоту не ограничивать.

 

 

 

 

 

Всплывающее может выглядеть так:

 

 

 

А страница "Категория" может выглядеть так  (бывает очень нужно размещать изображения разной высоты и без белых полос):

 

 

 

Добавлены кнопки отмены изменений:

 

 

[PiratRu]

Ох тыж... я порадовался что под php 7.1 заработает.

[sitecreator]

6 часов назад, PiratRu сказал:

я порадовался что под php 7.1 заработает.

 

несколько часов подождите.

[sitecreator]

8 часов назад, PiratRu сказал:

я порадовался что под php 7.1 заработает.

 

под php 7.1 доступно для загрузки.  версия модуля 1.6.0.

Если возникнут вопросы, то, пожалуйста, обращайтесь сразу в личку.

 

Описание и справка могут немного отставать от возможностей модуля.

 

Также прошу заметить, что если вы используете расширение

 

 

вам для работы с версией Компрессора 1.6.0 (и выше) нужно обновить модуль до 1.1.1

и использовать этот файл:

seo_cms_mod_for_compressor_by_sitecreator_111.ocmod.zip

[PiratRu]

1 час назад, sitecreator сказал:

вам для работы с версией Компрессора 1.6.0 (и выше) нужно обновить модуль до 1.1.1

и использовать этот файл:

Босс, просто огромнейшее спасибо!!!

Да, у меня оба модуля. Вот теперь я счаслив окончательно.

[sitecreator]

Новая версия

 

1.6.2

 

Добавлено управление группами изображений.

Для каждой группы можно задавать свои настройки.

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

 

 

[sitecreator]

Новая версия

 

1.6.2

 

Доступна также для движка версии 1.5.*

 

Просьба учесть, что обязательно наличие vqmod для этой ветки движка.

Читайте файл UPDATE!!!.txt

 

После того как зайдете в настройки модуля до нажатий кнопки "сохранить" нажмите один раз ctrl+F5  чтобы очистить кеш браузера и загрузить актуальные стили CSS.

[krashman]

@sitecreator добрый день!

подскажите, пожалуйста, я правильно понимаю, что с помощью Вашего модуля можно, загружая такую картинку (с белым "пустым" фоном)

получить на выходе, например в карточке товара, такую картинку:

 

 

т.е. без этого лишнего белого фона вокруг самого объекта на фото?

или я что-то путаю и мечтаю? а то надоело уже ручками в фотошопе резать каждую фотку...

[sitecreator]

@krashman , здравствуйте.

Речь выше шла про другие белые поля.

 

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

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

 

То, о чем вы говорите, также возможно сделать. И именно автоматически.

И я даже предлагал в свое время.  Но ни у кого это не вызвало заинтересованности, т. е. не было нужно никому до сих пор.

Я могу реализовать данный функционал, но при вашем содействии, т. е. за вознаграждение.

 

По-другому данный функционал не появится, т. к. много более приоритетных дел.

Если вы готовы оплатить частично мою работу, то я готов ее выполнить.  Далее данный функционал будет доступен в новой версии модуля.

 

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

 

---------------------

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

[sitecreator]

Новая версия 1.6.3

 

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

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

 

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

 

Это дает больше гибкости для настройки качества итоговых изображений и позволяет добиться хорошего соотношения веса всех файлов по отношению к качеству.

 

[HyperLabTeam]

@sitecreator  ну что там по поводу доп кеша для мобилок?)
палим с какого устройства зарулили и подставляем другую папку кеша с меньшими размерами.
вкладка указать размеры по типу как в настройках шаблона но для моб кеша.
вот и загрузка побыстрее для мобил (хотя бы это уже +)
можно - вернее нужно и как отдельный мод.
ну для тех у кого уже реализовано ручками будет весьма к стати

[sitecreator]

55 минут назад, AWARO сказал:

палим с какого устройства зарулили и подставляем другую папку кеша с меньшими размерами.

 

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

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

 

 

 

 

 

 

 

 

 

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

 

Поэтому мне пока совсем непонятна идея двойного (тройного и т. д.) кеша изображений.

В любой момент планшет/ смартфон может быть перевернут из портретного в пейзажный режим и размеры отображаемых картинок поменяются. И что делать в таком случае?  Грузить новые изображения заново из другого кеша?

 

Т. е. я совсем не понимаю по каким принципам это должно работать.

И совсем не уверен, а даже наоборот, что это будет хорошо.

[HyperLabTeam]

@sitecreator да нет я не о том чтоб под каждое решение и т.д. и т.п
есть настройки размеров
то-же самое для мобил - допустим выставляем макс размер или мин до которого выводим размеры те что настроили.
а под каждый шаблон делать кто велит? есть дефолт да и всё. выдумали в шаблонах своё - вам то чего?) это головные боли не ваши. модуль один а шаблонов зоопарк. - вот директор зоопарка и пусть думает об этом,

вот пример
карточка товара - 700 на 1200 - десктоп
моб карточка  - 500 на 700
типа так.
а на нет и суда нет. и туда нет)

[sitecreator]

Друзья, функционал УДАЛЕНИЯ из исходного изображения лишнего белого фона нужен?

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

 

Пример показываю ниже. 

 

 

А вот как выглядит фон под "микроскопом".  Не такой то он и белый, да и не однородный. Специально гипертрофировал его для визуалтзации.

 

 

вот на исходнике тоже можете посмотреть тщательно:

 

 

Фон виден если присмотреться.  Просто так вы не обрежете даже в фотошопе такой фон. Речь, конечно, про автоматический режим, а не тупое обрезание руками.

 

 

[RaVIOLy]

Спойлер

 

Мне нужен)

[rassigor]

Мне нужен) 

[pimur]

Нужен

Отправлено через Tapatalk

[flaero]

1 час назад, sitecreator сказал:

Друзья, функционал УДАЛЕНИЯ из исходного изображения лишнего белого фона нужен?

Очень нужен!

[sitecreator]

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

Но мною проделаны все необходимые эксперименты и тесты в этой области. И есть полная уверенность в успехе.

Важно чтобы на сервере присутствовал imagick.

 

Готов в течение нескольких дней предоставить готовое решение.

"для галочки" - это работа с чистым белым фоном.  Например, такой фон создает сам движок когда добавляет белые поля.

В таком идеальном изображении нет особой сложности убрать лишний фон.

 

Но я показал реальные изображения, где белого фона нет.

К тому же разные изображения могут быть с разной насыщенностью и контрастом.  Ниже пример с совершенно разной контрастностью.

 

 

Алгоритм должен четко работать как на высоко-контрастных, так и на низко-контрастных изображениях.

 

В задумке сделать позже некий онлайн-фотошоп, когда визуально можно выбрать нужный параметр "разброса цвета" для двух ваших изображений разного контраста.  Вы сразу увидите что и как будет отрезано, и сможете подкорректировать нужный параметр.

 

Примерно так как вы визуально можете наблюдать наложение водяного знака с разными параметрами:

 

 

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

Стоимость доработки будет  символическая.

Трое желающих уже есть.

Просьба написать мне в личку если у вас есть желание помочь.

 

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

 

Функционал смогу реализовать сразу для всех версий движка.