Оптимизация картинок в image/cache

[AlexBr]

Пальцем в небо  Поиск по ImageMagick pagespeed дал такие результаты

 

в ImageMagick должны быть

convert -strip -interlace Plane -gaussian-blur 0.05 -quality 85% source.jpg result.jpg

Отсюда http://stackoverflow.com/questions/7261855/recommendation-for-compressing-jpg-files-with-imagemagick?rq=1

 

Imagick для OpenCart https://github.com/shaman/opencart-imagick-library

Змінено 3 січня 2017 користувачем AlexBr

[Yoda]

проверил на демо картинках

исходники сжались на процентов 30, однако итог тот же

может касается png? там играет роль кол-во цветов 

 

 

Результат проявился при использовании шибко допиленного класса imagick - при чем это был единичный случай - который меня самого удивил.

[20strannik08]

Вынужден выразить благодарность всем отписавшимся. Благодаря вам отчасти удалось выкрутиться из ситуации с картинками)

(Я уж было думал мирится с тем что есть)

Установил imagick и модификацию с гитхаба для опенкарт.

 

Файл /system/liblrary/image.php скачаный с гитхаба, какойто странный. Настройки по качеству сжатия он игнорит как не выставляй результат один. Размеры немного ниже оригинала он делает(в случае с jpg), но фотки вроде бы действительно стали лучше, более резкими и пропала размытость.

 

Странный казус с PNG картинками тоже пропал. Теперь исходник PNG в 55kb (предварительно оптимизированный), после загрузки в опенкарт на выходе даже еще меньше стал весить около 54кб. Это отличный результат. Кстати оригиналы фото предварительно прогнанные через optimizilla.com на выходе то же получаются отличными - pagespeed их принял!

Змінено 4 січня 2017 користувачем 20strannik08

[AlexBr]

@20strannik08, Спросите у автора  модуля Imagick Library for OpenCart почему не реагирует на свои настройки.

Отпишитесь тут если разберётесь

[Otvet]

а где там настройки? там лишь одна либа

[AlexBr]

@Otvet, Как я понял @20strannik08,  в "либе" и меняет настройки. 

[20strannik08]

/system/liblrary/image.php - там же и пробовал менять...

[trialon77]

Ставьте mod_pagespeed (если апач без nginx) или ngx_pagespeed (если nginx есть) и будет вам счастье. Это разработки самого google. Выполняет все рекомендации гугла на лету, сжимает, минифицирует, объединяет.

Это конечно если у вас vps, если просто хостинг - врядли хостер именно для вас его поставит.

 

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

[Otvet]

Otvet, Как я понял 20strannik08,  в "либе" и меняет настройки. 

/system/liblrary/image.php - там же и пробовал менять...

если имеется ввиду это

$this->_image->setCompressionQuality($quality);

то оно не будет работать, а так должно

$this->_image->setImageCompressionQuality($quality);

[20strannik08]

AlexBr сказал(а) Otvet, Как я понял 20strannik08, в "либе" и меняет настройки. 20strannik08 сказал(а) /system/liblrary/image.php - там же и пробовал менять... если имеется ввиду это $this->_image->setCompressionQuality($quality); то оно не будет работать, а так должно $this->_image->setImageCompressionQuality($quality);

 

И вправду заработало! Премного благодарен)

 

 

 

Ставьте mod_pagespeed (если апач без nginx) или ngx_pagespeed (если nginx есть) и будет вам счастье. Это разработки самого google. Выполняет все рекомендации гугла на лету, сжимает, минифицирует, объединяет. Это конечно если у вас vps, если просто хостинг - врядли хостер именно для вас его поставит. Кстати, гугл предлагает сжимать картинки с небольшой потерей качества, это хорошо заметно в картинках где много красного цвета.

 

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

Змінено 4 січня 2017 користувачем 20strannik08

[20strannik08]

С использованием imagick в ocstore, продолжил эксперименты.

 

На сайте по прежнему много фоток на которые жалуется pagespeed. Я вспомнил что эти jpg изображения сжимались с качеством 90(Через Gimp в Linux). Прогонял эти картинки через онлайн сервисы оптимизации(разные пробовал), в итоге эти картинки в магазине в миниатюрах смотрятся намного хуже. Если сжимать через тот же гимп уже с качеством 85%(в 70% случаев гугл перестает ругатся), проблема с миниатюрами всеравно остается актуальной.

 

Решил загнать некоторые оригиналы картинок на одну html страницу и скормил google pagespeed, на что он выдал мне рекомендованные изображения но каждая из них уже меньше размером на 50-70кб(средний размер каждого из оригиналов до скармливания гуглу был по 190-240кб). Сравнивал эти картинки вплоть до максимального увеличения, визуально они вродебы идиентичные.

 

Самое интересное случилось то что когда я предложенные версии гуглом заменил на сайте(оригиналы), то размер всех миниатюр данных изображений остались те же, но! Они стали намного качественней всего того что было прежде(визуально это сразу видно), и при этом гугл уже не ругается. Большие же миниатюры(что в карточке товара через popup покаываются) стали чуть меньше размером оригиналов.

 

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

 

P.S. Под оригиналами фото я подразумевал те картинки что указываются в настройках товара, на основе них же уже магазин делает нарезку в /image/cache...

Змінено 4 січня 2017 користувачем 20strannik08

[trialon77]

 

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

 

ну незнаю, сейчас вроде корректно работает с opencart. Помню с virtuemartom какие то проблемы были, по этому от него там отказался

[AlexBr]

@Otvet, Где/как правильно прописать  -strip в /system/liblrary/image.php?

 

В документации сказано, что команда много технической инфы удаляет с картинок

 

strip the image of any profiles, comments or these PNG chunks: bKGD,cHRM,EXIF,gAMA,iCCP,iTXt,sRGB,tEXt,zCCP,zTXt,date.

 

 

[Otvet]

@AlexBr,по идее при создании эскизов ёё итак не должно быть

но по идее так

$this->_image->stripImage(); 

А я пошел загонять всю пачку изображений в гугл

мазохозм

http://css-ig.net/pingo

[20strannik08]

$this->_image->stripImage();

А если совсем для чайников, где именно это там можно прописать?)

[Otvet]

сразу после или перед той что будет выше или ниже  :-D

 

там же где задаете качество

[AlexBr]

@Otvet, Такой код в спойлере надо заскринить и в рамочку :mrgreen:  

[fster]

-gaussian-blur 0.05

Это какие значения в php?

gaussianBlurImage(,);

Змінено 6 січня 2017 користувачем fster

[Otvet]

второй параметр это сила размытия 

$this->_image->gaussianBlurImage(0.5, 0.1);

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

[20strannik08]

Иногда(если сильно извращатся с сжатием ) это размытие помогает скрыть те же самые нечеткости)

Змінено 7 січня 2017 користувачем 20strannik08

[fster]

У себя проверил библиотеку. Проверял только jpg. Итоги такие, если оставить такое же качество 90, размер картинок стал больше. Допустим был 25 КБ стал 34 кб. Изображение четче, но и размер как бы больше. У кого с какими параметрами стало лучше?

[20strannik08]

Я выставил 85%. При таком раскладе это всеравно лучше чем gd и гугл ругаться перестает. Однако я предварительно оптимизировал картинки.

[fster]

У меня при таких параметрах:

 

        $this->_image->setInterlaceScheme(Imagick::INTERLACE_PLANE);
        $this->_image->setimageCompressionQuality(85);
        $this->_image->stripImage();

 

pagespeed пишет что еще на 23-28% можно оптимизировать изображения из cache.

 

Кому интересно Imagick под php с наглядными примерами на картинках.

 

Кстати ни кто не задумывался как генерировать весь кэш картинок заранее под все размеры? А то после очистки кеша в вебмастере проиндексированные картинки из кэша становятся не доступны.

 

Есть такой модуль Image Resize Creator

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

Змінено 8 січня 2017 користувачем fster

[chukcha]

Кстати ни кто не задумывался как генерировать весь кэш картинок заранее под все размеры?

как вариант натравить Xenu

[fster]

Натравил, норм) Спасибо за наводку!

Змінено 8 січня 2017 користувачем fster