Как правильно оптимизировать изображения под Google Page Speed?

Question

[AlexanderFedosienko]

Здравствуйте, есть такой вопрос по оптимизации изображений, в данный момент оптимизирую изображения на сервере с помощью двух утилит optipng и jpegoptim, которые сжимают изображения процентов на 20 максимум. Но тот же самый Google PageSpeed говорит что можно сжать еще больше. Используя сервис https://tinypng.com получается сжимать изображение без потери качества на 80-90%. Вопрос в том какой софт они пользуют чтоб так сильно сжимать? Как сжать на 80% изображение без потери качества??

Answer 1

[Moskus]

Правильное решение - не сжимать изображения под Google page speed. А делать это под свои требования к их качеству. Если сжимать под то, что Google указывает, всё выглядит, как дерьмо. Сжать без потери качества нельзя.

Comments

[AlexanderFedosienko]

Сжимается не под гугл, просто на него ориентируюсь, дело в том что контент-менеджер это человек который в этом ничего не понимает и грузит на сайт изображения прям с зеркалки и особо не заморачивается, ладно сайт его обрезает и подгоняет под размер, но тем не менее фотка может весить 500-700кб, а это много, вот и нужно найти способ как сжать хотяб до 100кб

[Moskus]

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

Answer 2

[Алексей Тутубалин]

Если используется вдс или сервер то рекомендую поставить https://www.modpagespeed.com/ сам поставил неделю назад + Memcached и не могу нарадоваться

Comments

[AlexanderFedosienko]

Решение хорошое, единственная проблема, на сервере стоит ispmanager и пока у меня не получилось их подружить вместе. На чистом Nginx+apache ставил, все нравится

[AlexanderFedosienko]

Если есть какие мануалы буду не против если поделитесь

[Алексей Тутубалин]

AlexanderFedosienko, c ispmanager никаких конфликтов нет только и да я их дружил с чистым apache, у меня debian просто установкой пакета всё устанавливается https://www.modpagespeed.com/doc/download

[AlexanderFedosienko]

Алексей Тутубалин, Буду пробовать, надо тестовую машину поднять) Спасибо)

[Алексей Тутубалин]

AlexanderFedosienko, немного статистики
Есть сайт
без pagespeed сайт весит 13,1 мб(да знаю это очень много)
после включения мода с

конфигом

<IfModule pagespeed_module> 
    ModPagespeed on
    AddOutputFilterByType MOD_PAGESPEED_OUTPUT_FILTER text/html
    ModPagespeedFileCachePath            "/var/cache/mod_pagespeed/"
    ModPagespeedLogDir "/var/log/pagespeed"
    ModPagespeedSslCertDirectory "/etc/ssl/certs"
     ModPagespeedMemcachedServers localhost:11211
       ModPagespeedDomain static.my-site.ru
     ModPagespeedFileCacheInodeLimit        500000
      ModPagespeedImageRecompressionQuality 70
     ModPagespeedJpegRecompressionQuality 70
     ModPagespeedJpegRecompressionQualityForSmallScreens 70
     ModPagespeedWebpRecompressionQuality 70
     ModPagespeedWebpRecompressionQualityForSmallScreens 70
    <Location /pagespeed_admin>
        Order allow,deny
        Allow from localhost
        Allow from 127.0.0.1
        SetHandler pagespeed_admin
    </Location>
    <Location /pagespeed_global_admin>
        Order allow,deny
        Allow from localhost
        Allow from 127.0.0.1
        SetHandler pagespeed_global_admin
    </Location>
    ModPagespeedStatisticsLogging on
    ModPagespeedMessageBufferSize 100000
</IfModule>

с принудительной очисткой кеша в браузере уже 3,2 мб
без очистки 2-3 обновление страницы до 100 кб
и да я сижу на http/1.1

[AlexanderFedosienko]

Алексей Тутубалин, Буду знать, завтра буду собирать сервак с копией сайта и эксперементировать

Answer 3

[Артур К.]

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

Где-то раньше даже класс такой был.

А вот, нашел. Вдруг пригодится.

Answer 4

[neol]

Для png попробуйте pngquant, он сжимает заметно лучше optipng

jpegoptim по умолчанию сжимает без потери качества, а tinypng же явно его снижает. Можно либо задать необходимое вам качество через парметр -m, либо вообще указать размер, который хотите получить, через параметр -S.

Answer 5

[Denis Verbin]

Самый мощный инструмент для сжатия без видимых потерь качества - https://kraken.io