Как стать автором
Обновить

Бесплатные инструменты сжатия изображений для ускорения работы сайта

Время на прочтение4 мин
Количество просмотров74K
Всего голосов 21: ↑18 и ↓3+15
Комментарии29

Комментарии 29

Google Guetzli в качестве приложения (не сервис) и только для мака нашел для себя здесь Image Optim
мака нет) придется самому попробовать запустить
так еще это все надо запустить
Где сравнение эффективности? У всех разная степень сжатия, кто лучше, кто хуже?

У Kraken есть плагин для Wordpress: https://kraken.io/plugins
У Imagify тоже: https://imagify.io/wordpress/
НЛО прилетело и опубликовало эту надпись здесь
Во-первых это не сравнение эффективности вышеупомянутых сервисов (и их пресетов), а во-вторых, на мой взгляд, сравнение должно быть в самом посте :)

Я сравнивал Kraken и Imagify, не беру во внимание lossless пресет, а вот по lossy:
Kraken: судя по всему оптимально по качеству/степени сжатия, но у него только стартовый бесплатный пакет. Не возобновляемый.
Imagify — ежемесячный бесплатный лимит — большой бонус, плюс возможность купить разово, а не по подписке, а по пресетам:
Agressive: степень сжатия ниже чем у кракена.
Ultra: жмет сильнее кракена, но на некоторых картинках (с градиентом например) вылезают артефакты.

Есть ряд сервисов (Sirv.com, Cloudinary, Imgix, например), которые дают больше, чем банальное сжатие изображений. Несколько фич:
  • Отдача webP вместо JPG (браузерам, которые его поддерживают),
  • Манипуляции с изображениям по URL Api. Можно ресайзить, делать crop, менять качество и формат просто дописывая параметры в URL картинки.
  • Автоматический ресайз в зависимости от ширины viewport (Sirv)
  • CDN.
  • Автоконвертация изображения в самый оптимальный формат (Sirv)
  • «Умный» crop (Imgix, Cloudinary). Автоматом распознает «focus point», режет картинки учитывая его. Полезно для всяких cover images для адаптивной верстки.

Все дают фри триал (Или фри аккаунт) и у всех есть плагины для того же Wordpress.
почему ни слова нет про десктопные программы, совсем все забыли, что можно без интернета что-то делать?
— еще можно после правок в фотошоп сохранять как (експортировать в) изображение для веб — хорошо жмет.
— еще можно прогнать страницу через google pagespeed tools. Если найдутся изображения, которые стоит улучшить, то в результатах анализа будет ссылочка на выкачивание уже оптимизированных версий.
Порой полезно для оптимизации графики шаблона, которая заливается на сайт с CMS обычно в обход всех вышеперечисленных плагинов и присутствует почти на каждой странице…
он вроде удаляет прозрачный фон у PNG
Я тоже как-то задался вопросом и искал самый лучший компрессор. Перепробовал много, остановился на http://optimizilla.com/ — у него самые лучшие показатели были для меня

Тоже повелся… это не инструменты сжатия — это сервисы сжатия

Когда видишь заголовок «Самостоятельные инструменты», то ожидаешь, что это будут программы, которые можно самостоятельно установить к себе на сервер. Таких что, совсем-совсем не существует в природе?
Для массовой обработки:
Для windows iCatalyst: https://github.com/lorents17/iCatalyst
Для osx ImageOptim: https://imageoptim.com/mac

Для сервера есть много вариантов, но самые эффективные это последнии разработки в этой области (2014 и 2013 года соответственно):
mozjpeg для сжатия jpg (от mozilla)
zopflipng для сжатия png (от google)

Жмут очень хорошо, по сравнению со старыми способами могут на 3-5% лучше сжать для jpg и 10-15% для png.

От гугля есть еще Guetzli для jpg, но сжимает оооочень (прям очень приочень) долго, а результат не сильно лучше чем у mozjpeg, который работает почти мгновенно.
а почему под главной картинкой ссылка на https://vds.menu?
Одна проблема с этими сервисами: только TinyPNG нормально справляется с задачей.
Есть для десктопа утилита pingo image optimizer — она справляется с задачей лучше, сразу переводит jpg в прогресивный и вообще для задач оптимизации сайтов справляется на все 100
Нуу, такое. Вот у меня интернет-магазин на самописной CMS. N тысяч товаров, все с картинками. Как бы я не любил Панду, блин, мне лет 5 все картинки туда перетаскивать, скачивать, менять,…

У тех же TinyPng есть сервис с APi (в том числе интегрированый с gulp), но он. увы, платный. А вот подборочка подобных и бесплатных была бы очень кстати.
Для владельцев Mac рекомендую еще программку под названием ImageOptim
Я сжимаю, используя gimp-save-for-web (для Ubuntu готовый пакет в репозитории getdeb.net, но и руками легко собирается) и trimage (в GUI просто перетаскиваешь файлы или папки, и с использованием разных утилит происходит сжатие картинок, вывод результата путем перезаписи исходных файлов). Когда нужно сжать сразу много картинок с помощью GIMP save for web, то использую плагин для GIMP BIMP и из него вызываю действие save-for-web.
image
image
irfanview / xnview / faststone
Лично мне нравится irfan
для гуру и больших объемов imagemagick
Если сайт на WordPress хостится на собственном сервере, можно воспользоваться плагином CW Image Optimizer:
https://ru.wordpress.org/plugins/cw-image-optimizer/
Плагин использует набор утилит littleutils, т.е. все изображения будут оптимизированы с помощью opt-jpg, opt-png, opt-gif, recomp-jpg и другого софта.
https://github.com/foobaz/lossypng такое юзаем, почти как у tinypng, если advpng подключать тоже

НЛО прилетело и опубликовало эту надпись здесь
Пользовался:

-EWWW Image Optimizer
-WP Smush
-Optimus
-TinyPNG

только после них гугл все равно говорит что моножно еще оптимизировать.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий