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

[gregoro]

Добрый день!

 

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

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

 

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

 

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

 

Спасибо

 

 

[sitecreator]

37 минут назад, gregoro сказал:

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

 

37 минут назад, gregoro сказал:

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

 

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

 

37 минут назад, gregoro сказал:

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

 

 

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

 

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

[sitecreator]

38 минут назад, gregoro сказал:

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

 

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

Тем более в случае 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]

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

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

 

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

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

 

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

 

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

 

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

[maiki]

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

 

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

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

 

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

 

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

 

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

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

 

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

 

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

[sitecreator]

14 минут назад, maiki сказал:

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

 

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

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

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

 

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

 

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

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

 

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

 

 

 

 

[sitecreator]

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

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

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

 

архив watermark_by_sitecreator_for_oc1_5_v132.zip

 

 

[sitecreator]

В 10.10.2017 в 13:53, aleksus33 сказал:

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

 

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

 

В 04.10.2017 в 20:27, Kindzaza сказал:

ожидаю для ocstore 1.5.5.1.2

 

[sitecreator]

20 часов назад, maiki сказал:

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

 

пожалуйста.

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

 

 

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

 

 

 

 

 

 

 

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

 

[sitecreator]

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

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

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

 

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

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

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

 

Цитата

 

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

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

 

 

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

 

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

 

 

 

[gregoro]

В 11.10.2017 в 18:19, sitecreator сказал:

 

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

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

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

 

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

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

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

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

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

[sitecreator]

9 минут назад, gregoro сказал:

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

 

именно.

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

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

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

 

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

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

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

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

 

[markimax]

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

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

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

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

[sitecreator]

3 часа назад, markimax сказал:

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

 

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

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

 

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

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

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

 

[sitecreator]

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

 

[gregoro]

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

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

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

 

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

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

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

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

[sitecreator]

49 минут назад, gregoro сказал:

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

 

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

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

 

51 минуту назад, gregoro сказал:

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

 

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

[klaos27]

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

 

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

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

 

 

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

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

 

[sitecreator]

2 минуты назад, nikifalex сказал:

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

 

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

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

 

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

 

[mesateri]

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

 

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

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

 

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

 

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

 

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

 

 

 

[mesateri]

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

 

 

 

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

[sitecreator]

5 часов назад, mesateri сказал:

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

 

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

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

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

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

 

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

 

5 часов назад, mesateri сказал:

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

 

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

 

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

 

 

[mesateri]

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

 

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

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

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

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

 

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

 

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

 

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

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

 

----

 

 

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