@ZaxapKramer
Больной верстальщик

Оптимизация PNG (практически) без потерь для web, что использовать?

Здравствуйте.
Можете подсказать, пожалуйста, что на сегодняшней день лучше всего использовать для сжатия/оптимизации изображений в формате PNG практически без потерь?

Всегда использовал онлайн-сервис TinyPNG, пока не обнаружил катастрофическое снижение качества картинки, ничто другое не дает достаточный результат.
Нашел статьи на хабре, но они 2011-2013 года (возможно, устарели), поэтому теряюсь в догадках. Никогда ранее не придавал такого внимания сжатию графики на сайте (потому что, вероятно, не использовал большие фоны и т.п.).
  • Вопрос задан
  • 2171 просмотр
Решения вопроса 3
coderisimo
@coderisimo
В фотошопе есть функция сохранить для веб. В ней можно увидеть сразу несколько вариантов. Причем, изменяя степень сжатия, видите результат. Можно и пакетно сжимать. Еще момент. В ряде случаев , как ни странно jpeg выглядит лучше и весит меньше (если в картинке много цветовых оттенков) .
Ответ написан
Комментировать
@dady_KK
PM
Я бы не согласился про свг и уж там более про фотошоп, тут уже дважды посоветовали хорошие инструменты для сжатия, мы у себя сжимали для вёрстки через gulp и плагином пнгкраш (ссылку уже дали выше), сжимает хорошо, либо через кракен (https://kraken.io/). Но программисты в движке для миниатюр используют конвертацию в джипег, там это даёт большее сжатие, т.к. качество не так важно, а насчёт логотипов - там только пнг24, пережатые через пнгкраш с небольшой потерей качества (визуально неотличимо)
Ответ написан
Комментировать
@heart
Программист
Есть еще такой формат: webp
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
AMar4enko
@AMar4enko
https://github.com/imagemin/imagemin
Конкретно по PNG:
https://en.wikipedia.org/wiki/Pngcrush, плагин imagemin-pngcrush, loseless
https://en.wikipedia.org/wiki/Pngcrush, плагин imagemin-pngquant, lossy, качество настраивается, само собой
Ответ написан
Комментировать
L1Qu0R
@L1Qu0R
Веб разработчик
Ответ написан
Комментировать
Для *nix есть как минимум две консольные программы: optipng и pngquant
Использую их как для ручной, так и для автоматической (в коде сайта) оптимизации.

Точно так-же для JPEG есть jpegoptim и mozjpeg
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы