Выбираем лучший онлайн-сервис для оптимизации изображений

Эта статья написана в далёкой-далёкой галактике, очень много лет назад. За то время, которое прошло с тех пор, что-то могло измениться. Например, появился такой сервис как Squoosh, который здесь не рассмотрен. Имейте это в виду.

На сайтах, обычно, основной объём занимают изображения. Будь то фотографии в галерее, изображения товаров или просто элементы оформления сайта. Поэтому я решил сравнить три самых популярных сервиса онлайн-оптимизации изображений. К тому же, эта информация может оказаться полезной и людям далеким от web-а. Возможно, у вас на компьютере хранится коллекция фотографий из отпуска, со дня рождения или какого-либо другого мероприятия. И воспользовавшись сервисом по оптимизации изображений вы, наверняка, сможете сэкономить не одну сотню мегабайт на своём компьютере, сжав ваши фотографии. А какой же сервис лучше всего использовать мы узнаем прямо сейчас.

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

Итак, в сравнении участвуют три сервиса:

Сервис TinyPNG.com. Так же вы можете использовать его близнеца TinyJPG.com. Для чего сделано данное разделение не понятно, сжимать они оба умеют и png, и jpg.

Сервис JPEGMini.com. Этот сервис, к сожалению, умеет сжимать только jpg, но об этом позже.

Сервис Compressor.io. По заверению разработчика, сайт рекомендуется такими гигантами, как LifeHacker, CSSWeekly, CSSAuthor, RocketTheme и прочими. В планах у автора добавление возможности массовой загрузки, оффлайн приложение, но развитие, по всей видимости, остановилось.

По каким критериям будем сравнивать

  1. Удобство пользования:
    • Наличие Drag-and-Drop.
    • Возможность массового добавления и сохранения изображений.
    • Поддержка изображений с названиями на русском языке.
    • Название изображения при сохранении.
  2. Поддерживаемые форматы.
  3. Максимальный размер изображений.
  4. Дополнительные функции или недостатки.
  5. Оффлайн клиенты, плагины и расширения.
  6. Собственно, самое главное: на сколько удалось уменьшить вес изображения.

На чем будем тестировать

  1. Четыре JPG картинки весом в 9.43Мб, 3.93Мб, 54.3Кб и 24.9Кб.
  2. Три PNG картинки весом в 8.18Мб, 4.6Мб и 592Кб.
  3. Четыре PNG картинки с прозрачностью или с полупрозрачными областями весом в 1.08Мб, 0.98Мб, 311Кб и 21.4Кб.
  4. Три PNG картинки с текстом весом в 728Кб, 82.8Кб и 21.3Кб.

Приступим!

Удобство использования

  • Все три сервиса поддерживают Drag-and-Drop (то есть можно просто перетащить изображение в браузер), но JPEGMini (без регистрации) и Compressor не поддерживают массовой загрузки изображений. К тому же, сначала на этих сайтах, в отличии от TinyPNG, нужно нажать на ссылочку «Try it» и только затем заливать изображения. И перед каждым новым изображением старое нужно сохранить. TinyPNG же даёт возможность загрузить одновременно до 20 изображений, чтобы сохранить их придётся покликать по ссылкам «Download», но проблемы это не представляет, потому что ссылки находятся аккурат друг под другом.
    Если же зарегистрироваться, то возможность массовой загрузки и сохранения появится и в JPEGMini.
  • После оптимизации изображений с названием на русском языке JPEGMini выдает на сохранение файл с кракозябрами и без расширения. То есть вам нужно написать нормальное название и добавить самому расширение .jpg или .png. Compressor же и вовсе после оптимизации не даёт сохранить картинку. С TinyPNG всё работает как надо.
  • После обработки TinyPNG выдаёт файл с оригинальным названием, JPEGMini добавляет в конце _mini, а Compressor — -compressor.

Поддерживаемые форматы

JPEGMini обрабатывает только jpg, TinyPNG работает как с jpg, так и с png, а Compressor умеет сжимать jpg, png, gif и svg.

Максимальный размер изображений

Хоть на JPEGMini и не удалось найти упоминания максимального размера загружаемого файла, но методом тыка получилось выяснить, что он, как и у Compressor, составляет 10 мегабайт. У TinyPNG возможности чуть скромнее — 5 мегабайт.

Дополнительные функции или недостатки

  • JPEGMini и Compressor после обработки изображения показывает сравнение изображений, на котором можно убедиться, что никаких видимых изменений в картинках не произошло.
  • После обработки Compressor даёт возможность сохранить файл в Dropbox или Google Drive, TinyPNG — только в Dropbox, у JPEGMini такой возможности нет.
  • После пары обработанных фото JPEGMini требует ввода капчи.
  • После завершения сжатия изображений на странице TinyPNG можно узнать общий объём сэкономленного места.
  • После регистрации на JPEGMini появляется возможность массово загрузить изображения в свой альбом и, через некоторое время (необязательно держать вкладку браузера открытой), получить их обратно в виде архива.

Оффлайн клиенты, плагины и расширения

  • Разработчики JPEGMini предлагают к сайту ещё и оффлайн версию для WIndows и MAC (если купить PRO-версию, то можно получить ещё и расширение для Adobe Lightroom), а также серверное решение для сайта.
  • Команда TinyPNG предлагает плагины на WordPress, Magento, Adobe Photoshop, а также доступ к API.

Ну и в конце давайте сравним всё это в таблице, а также посмотрим кто и сколько места смог сэкономить

Общее сравнение
JPEGMini TinyPNG Compressor
Drag-and-Drop + + +
Массовая загрузка и сохранение после регистрации +
Поддержка изображений с русским названием +
Название при сохранении Постфикс _mini Оригинальное название Постфикс -compressor
Поддерживаемые форматы JPG JPG, PNG JPG, PNG, GIF, SVG
Максимальный размер изображения 10Мб 5Мб 10Мб
Сравнение результатов сжатия изображений
JPEGMini TinyPNG Compressor
JPG, 9.43Мб 5.11Мб 4.9Мб
JPG, 3.93Мб 3.69Мб 2.76Мб 3.09Мб
JPG, 54.3Кб 42.7Кб 51.2Кб 35.6Кб
JPG, 24.9Кб 16.8Кб 24.9Кб 12.8Кб
PNG, 8.18Мб 2.6Мб
PNG, 4.6Мб 1.32Мб 1.4Мб
PNG, 592Кб 160Кб 165Кб
PNG с прозрачностью, 1.08Мб 411Кб 203Кб
PNG с прозрачностью, 980Кб 239Кб 262Кб
PNG с прозрачностью, 311Кб 103Кб 42.2Кб
PNG с прозрачностью, 21.4Кб 21.4Кб 362Кб
PNG с текстом, 728Кб 319Кб 268Кб
PNG с текстом, 82.8Кб 30Кб 19.4Кб
PNG с текстом, 21.3Кб 18.3Кб 29.1Кб

В плане удобства TinyPNG бесспорный лидер. Можно за раз сжимать до 20 фотографий и быстренько их сохранять. При этом данный сервис поддерживает кириллицу в имени и сохраняет файлы с таким же именем.

Но, к сожалению, максимальный размер файла ограничен пятью мегабайтами. Если вам нужно сжать файлы, которые весят больше — стоит воспользоваться Compressor. Его эффективность выше, чем у JPEGMini, хоть и в двух случаях произошло что-то странное и сервис не сжал изображение, а, наоборот, увеличил его размер. К сожалению, сервис не поддерживает мультизагрузку и его использование в случае, если вам нужно сжать большое количество фотографий, затруднительно. Для такого случая же придется зарегистрироваться на JPEGMini и загрузить файлы в свой альбом. Если же фотографий ну ооочень много — стоит скачать оффлайн версию JPEGMini, благо, она имеет пробную версию.

anton:
А чем плохи gulp, webpack? один раз создал задачу — и пользоваться можно бесконечно
Vlad:
anton, если после задачи gulp прогнать все фотки через сервис оптимизации, то можно сэкономить еще 50%. (Ну это в моей практике)