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

[gregoro]

Добрый день!

 

Есть пара вопросов:

1) Каков принцип работы? Просто ставим на сайт - и он сам со всеми картинками разбирается? И уже существующими, и вновь добавляемыми?

 

2) работает ли он с картинками, которые в SEO CMS от марка размещаются

 

3) у меня сейчас все картинки на сайте через tinypng обжаты. Если модуль их повторно переобожмет - к сильной потере качества не приведет?

 

Спасибо

 

 

[sitecreator]

  В 11.10.2017 в 14:41, gregoro сказав:

Каков принцип работы?

Expand  

 

  В 11.10.2017 в 14:41, gregoro сказав:

Просто ставим на сайт - и он сам со всеми картинками разбирается? И уже существующими, и вновь добавляемыми?

Expand  

 

да, именно так. все в автоматическом режиме.

 

  В 11.10.2017 в 14:41, gregoro сказав:

работает ли он с картинками, которые в SEO CMS

Expand  

 

 

Работает  для тех изображений, для которых не включен адаптивный ресайз в модуле SEO CMS. Если отключите адаптивность (если включена) в модуле SEO CMS, то и остальные будут обработаны. Адаптивную обрезку можете включить в модуле "Image Compressor".

 

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

[sitecreator]

  В 11.10.2017 в 14:41, gregoro сказав:

Если модуль их повторно переобожмет - к сильной потере качества не приведет?

Expand  

 

потери качества нет вообще.

Тем более в случае PNG. 

 

а tinypng часто не сжимает изображения, а делает халтуру - переводит нормальный png в png8 с индексированными цветами.

Из-за этого пропадает альфа-канал и края становятся рваными.  Да и сама идея индексированных цветов (всего 256) довольно пагубная.

 

Если уж и переводить PNG, то в WebP.

[andrejbr]

Поставил новую версию, очень доволен, всё заработало после двух кликов на вкладке.- Сервис (установил в папку cgi-bin) и клика на опцию - mozjpeg для JPEG в основных настройках . И тег у фоток в кеше mozjpeg есть. Хостинг timeweb.

---

OK: ImageMagick 6.7.7-10 2017-07-31 Q16 http://www.imagemagick.org

OK: function php EXEC exists

OK: function php proc_open exists

OK JPEG SUPERcompressing: mozjpeg version 3.1 (build 20170908) (sim link):

OK: mozjpeg compressing TEST passed

 in /out (without mozjpeg) / out (mozjpeg) file size: 66075 / 36926 / 27169

OK PNG SUPERcompressing: OptiPNG version 0.7.6 Copyright (C) 2001-2016 Cosm... (sim link):

Notice: WebP by GD disabled

Notice: WebP by imagick disabled

Notice: WebP alpha-channel (for PNG) disabled

 

p.s. понравились дополнительные плюшки на вкладке сервис.

[maiki]

День Добрый !

Ваш модуль Может Делать Обрезку Crop без полей только для категорий

 

 

[sitecreator]

  В 13.10.2017 в 13:34, maiki сказав:

Ваш модуль Может Делать Обрезку Crop без полей только для категорий

Expand  

 

здравствуйте.

есть два способа.

 

1) если изображения для категорий будут определенного размера или из определенной папки, то можно сделать фильтрацию по этим параметрам.

 

2) можно в движке (в шаблоне) задавать дополнительный параметр для обрезки.

 

Это делается несложно.

[maiki]

  В 13.10.2017 в 14:46, sitecreator сказав:

 

здравствуйте.

есть два способа.

 

1) если изображения для категорий будут определенного размера или из определенной папки, то можно сделать фильтрацию по этим параметрам.

 

2) можно в движке (в шаблоне) задавать дополнительный параметр для обрезки.

 

Это делается несложно.

Expand  

Мне нужно для категориий Заданного Размера. папка image поэтому по папкам не получиться. 

 

В шаблоне я Выставил. 

 

Нужно чтобы Не резал на странице продукта 

[sitecreator]

  В 13.10.2017 в 19:28, maiki сказав:

В шаблоне я Выставил. 

Expand  

 

я не знаю вашего шаблона.

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

И нигде больше не будет применяться.  Только там где нужно.

 

Все довольно просто.

 

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

Или изображение именно "категории", а не страницы?

 

Просто напишите мне потом в личку и я сделаю именно так как вам нужно.

 

 

 

 

[sitecreator]

Выпустил версию для Opencart 1.5.* и сборок.

Не менее функциональная чем для 2-ки.

Установка всего в два клика.

 

архив watermark_by_sitecreator_for_oc1_5_v132.zip

 

 

[sitecreator]

  В 10.10.2017 в 10:53, aleksus33 сказав:

Под ocstor 1.5 ожидается

Expand  

 

релиз 1.3.2 готов для 1.5.*

 

  В 04.10.2017 в 17:27, Kindzaza сказав:

ожидаю для ocstore 1.5.5.1.2

Expand  

 

[sitecreator]

  В 13.10.2017 в 19:28, maiki сказав:

Нужно чтобы Не резал на странице продукта 

Expand  

 

пожалуйста.

вот страница "категория"  с адаптивной обрезкой:

 

 

вот страница "продукт":

 

 

 

 

 

 

 

Обрезка только на странице "категория" как и просили.  В других местах не действует, ибо не задали.

 

[sitecreator]

Столкнулся с "оптимизацией " у хостера http://ukraine.com.ua/

был включен режим "pagespeed" для изображений.

На такие "оптимизированные" изображения ругался сам гугл.

 

судите сами, разница очень большая.

после mozjpeg (работа модуля Компрессор) - 67k

после pagespeed (работа ускорителя хостера) - 104к

 

  Цитата

 

Отключайте такую "оптимизацию"!

И не жалуйтесь, что "модуль не уменьшил картинки"!

 

Expand  

 

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

 

Причем даже imagick (_no_mozjpeg_) сжал намного лучше чем "оптимизатор".

 

 

 

[gregoro]

  В 11.10.2017 в 15:19, sitecreator сказав:

 

да, именно так. все в автоматическом режиме.

Работает  для тех изображений, для которых не включен адаптивный ресайз в модуле SEO CMS. Если отключите адаптивность (если включена) в модуле SEO CMS, то и остальные будут обработаны. Адаптивную обрезку можете включить в модуле "Image Compressor".

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

Expand  

 

Простите за дотошность (это малоопытность просто на самом деле) - я правильно понимаю механизм?

1) обработал фотку в фотошопе. Просто сохраняю в формате jpg с качеством 9 например.

2) заливаю ее на сайт, привязываю к товару в качестве главной фотки товара, например

3) все само сожмется, ничего больше делать не надо?

Змінено 14 жовтня 2017 користувачем gregoro

[sitecreator]

  В 14.10.2017 в 18:42, gregoro сказав:

3) все само сожмется, ничего больше делать не надо?

Expand  

 

именно.

заботиться не нужно.

И не важно какого размера исходник и где он сделан (фотошоп или другое).

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

 

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

Ибо из 100х100 сложно сделать хороший результат 200х200.

Но и здесь imagick намного лучше работает чем GD.

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

 

[markimax]

  В 14.10.2017 в 18:58, sitecreator сказав:

заботиться не нужно.

И не важно какого размера исходник

Expand  

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

[sitecreator]

  В 14.10.2017 в 23:36, markimax сказав:

Если исходник более ~2 Мб может возникнуть ситуация не хватки памяти

Expand  

 

с этим согласен.

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

 

конечно, не стоит заливать 3000 х 2000.

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

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

 

[sitecreator]

Пора смотреть на птичек!

 

[gregoro]

  В 14.10.2017 в 23:36, markimax сказав:

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

Expand  

Ценное уточнение  

 

Марк, хорошо, что вы здесь появились как раз  

Вопрос про SEO CMS и данный модуль.

Что фотки в статьях тоже обожмутся - это я понял (если у вас адаптивный ресайз выключить).

А если у меня на каждую фотку ссылка настроена, которая данную фотку в colorbox'е всплывающем выводит - то ведь тут уже необжатый оригинал загружается?

[sitecreator]

  В 15.10.2017 в 05:56, gregoro сказав:

Вопрос про SEO CMS и данный модуль.

Expand  

 

немного позже сделаю полную поддержку SEO CMS.

а пока многие вещи SEO CMS делает самостоятельно в обход системной библиотеки и не использует модели image.

 

  В 15.10.2017 в 05:56, gregoro сказав:

ведь тут уже необжатый оригинал

Expand  

 

будет возможность оригиналы тоже пережимать. Немного позже.

[klaos27]

  В 15.10.2017 в 06:49, sitecreator сказав:

 

немного позже сделаю полную поддержку SEO CMS.

а пока многие вещи SEO CMS делает самостоятельно в обход системной библиотеки и не использует модели image.

 

 

будет возможность оригиналы тоже пережимать. Немного позже.

Expand  

Раз уж такая тема, то еще бы водяной знак на оригиналы

 

[sitecreator]

  В 15.10.2017 в 17:08, nikifalex сказав:

А то в таблице написано будет, а в тексте написано только 2 версия

Expand  

 

тексты не успел везде поменять.

верить таблице.

 

и демке верить, там именно эта версия.

 

[mesateri]

Установил версию для 1.5.5.1 на тестовый домен.

 

Гугл показывает улучшение с 31 балла до 85

Вес страницы (категорий) сократился с 5,5 до 1,2 мегабайт

 

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

 

Такое ощущение, что в период каждого "запроса" идет сжатие изображения. За счет этого все и подвисает.

 

Может в настройках не те галочки поставил? и можно ли на сервере все картинки сжать один раз ? 

 

 

 

[mesateri]

дубль.. удалить

 

 

 

Змінено 16 жовтня 2017 користувачем mesateri

[sitecreator]

  В 16.10.2017 в 09:58, mesateri сказав:

Такое ощущение, что в период каждого "запроса" идет сжатие изображения.

Expand  

 

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

разумеется, что в этот момент нагрузка на процессор возрастает.

И хорошее сжатие требует ресурсов.

Но такая нагрузка происходит лишь один раз.

 

Кроме того если товары (изображения для них) добавляются постепенно, то всплеска нагрузки не будет.

 

  В 16.10.2017 в 09:58, mesateri сказав:

и можно ли на сервере все картинки сжать один раз ? 

Expand  

 

они и так сжимаются один раз. далее извлекаются из кеша.

 

Подтормаживание заметно лишь в первое время пока не сгенерирован новый кеш,  да и это больше заметно на дешевых тарифах общего хостинга.

 

 

[mesateri]

  В 16.10.2017 в 15:47, sitecreator сказав:

 

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

разумеется, что в этот момент нагрузка на процессор возрастает.

И хорошее сжатие требует ресурсов.

Но такая нагрузка происходит лишь один раз.

Expand  

 

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

 

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

 

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

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

 

----

 

 

Змінено 16 жовтня 2017 користувачем mesateri