Какую программу (способ) для оптимизации изображений для сайта Вы используете?

Question

[ex3manet]

Уважаемые!

Прошу Вас посоветовать быстрый и качественный способ оптимизации изображений (для увеличения скорости загрузки сайта на WP)/ В общем проверил сайт через Google Page Insights и в результатах проверки нужно оптимизировать изображения.
Интересуют программы или способы, где возможно быстро и качественно сжать JPG PNG изображения (на 20-30%) без изменения разрешения изо и имени файлов. нужно обработать порядка 3-5к изображений.

Comments

[15432]

Так ли нужно уменьшать? Например, PNG без потери нельзя сильнее сжать, тем более на 20%. Если их переводить в JPG, полезут артефакты. Мало ли что гугл говорит, не всегда нужно следовать чужим указаниям.
Если есть возможность, стоит убрать лишние изображения, уменьшить те картинки, размер которых сильно больше их размера на странице и т.д. А пережимать просто потому что так сказал GPI - ну его в пень.

[ex3manet]

15432: просто суть проблемы в том, что заказчик: интернет-магазин, скажем на главной огромное количество продуктов и картинок соответственно, если их сжать хоть чуть чуть пусть не 30%, но хотя бы 10-15 в скорости загрузки страницы будет виден результат. Как бы задача не просто сжать потому что гугл сказал, это я в курсе что не всегда ем нужно доверять и тупо следовать указаниям, а первоочередная задача ускорить загрузку страниц

[15432]

ex3manet: например, знаю Batch Image Converter. Найдите все PNG фотографии (скриншоты, баннеры - оставьте в PNG) и пережмите в JPG с качеством 90-95. Если PNG фотографий много, размер загрузки сильно упадёт. Фото в JPG аналогично.

Answer 1

[Mouvdy]

https://tinypng.com и их API

#!/bin/bash
API_KEY="ВАШ АПИ"

if [ $API_KEY = "CHANGE_ME" ]
then
  echo "CHANGE THE API_KEY in this file."
  exit 1
fi

if ! type "jq" > /dev/null
then
  echo "Please install `jq`"
  exit 1
fi

find /var/www/mobil1/data/www/site.com/files/categories -type f \( -name  \*.jpg -o -name \*.png -o -name \*.jpeg \) -print0 | while IFS= read -r -d '' file; do #Директория в которой искать файлы для оптимизации

  json=$(curl -sS --user api:$API_KEY --data-binary @$file https://api.tinypng.com/shrink)
  url=$(jq -n "$json.output.url" | sed -e 's/^"//'  -e 's/"$//')

curl -sS $url > $file
done

Comments

[Mouvdy]

Также можно и думаю нужно при огромном кол-ве изображений делать массив с API ключей - (у tinypng по этому блокировки нет)

Answer 2

[murlogen]

PNG - использует алгоритмы группы LZ. Там сжатие однозначное. Оптимизировать качество никак нельзя.

Можно только с JPEG поработать. Этот формат предполагает потерю качества, не различимую на взгляд человека.

Я еще и для изменения размеров использую один из самых лучших, как утверждают яйцеголовые ученые (на взляд человека я с ними согласен - качество визуально отличное), - сжатие по алгоритму Least-Squares Image Resizing Using Finite Differences bigwww.epfl.ch/algorithms/ijplugins/resize/. Использую вот этот модуль bigwww.epfl.ch/algorithms/ijplugins/resize/Resize.zip

Answer 3

[ex3manet]

Всем спасибо за советы! Совет от murlogen взял на заметку, в дальнейшем вновь загружаемые изо буду сжимать автоматом на сайт с помощью АПИ TinyPng, для WP есть даже плагин, который сделает всю работу за меня.

на данный момент вышел из положения таким образом: выгрузил все с фтп на комп, программой Image Catalyst сжимаю все изображения. Программа отличная!!! Есть настраиваемые параметры. Кому интересно: https://github.com/lorents17/iCatalyst

Comments

[Mouvdy]

iCatalyst как то не очень, взял картинку с гитхаба ихнюю которая идет в примере, тот же TinyPNG сжал на 74% до 15 кб: prntscr.com/d15uf1

Товарищ, если оптимизировать то нужно как раз сразу и до конца :)

[ex3manet]

Mouvdy: Спасибо за подробное сравнение, все таки вы правы, по сравнению с TinyPng - Image Catalyst и рядом не стоял, хотя вариант с массовой загрузкой изображений и сохранением дерева подкаталогов мне очень понравился. Ну ничего буду по 20 изо грузить и сжимать (в апи не силен), зато сжатие намного лучше, а для глаза вообще не заметно!!!

[Mouvdy]

ex3manet: Нашел на гитхабе еще этот баш скрипт: https://github.com/xing/TinyPNG - он бекапит оригиналы картинок на всякий случай. За вами осталось только дело выбора :)

Answer 4

[Виктор Марквардт]

File Optimizer