Оптимизация изображений для web

Изображение до оптимизации

Мне, как и многим другим часто приходится публиковать изображения в интернете, но при этом многие из них имеют большой размер, что в свою очередь приводит к увеличению времени загрузки страниц сайта, а это в свою очередь может вызвать отказ пользователей со слабым интернетом загружать страницу. И как следствие в Google (Universe) Analytics мы видим при неприятнейшую вещь, а именно большой показатель отказов по нашему сайту (безусловно причины могут быть и другие, но это одна из самых распространенных).

Поэтому все изображения перед публикацией в интернет желательно оптимизировать (сжимать) и делать это желательно без потери качества. В Windows для это есть ряд неплохих инструментов и расширений для графических редакторов. К примеру, мой любимый инструмент по сжатию графики в виндовс это RIOT, скачать который можно здесь. Это абсолютно бесплатная утилита, пользоваться которой просто и невероятно удобно.

Но так как я уже давненько перешел на ОС Linux, то пришлось искать альтернативы сему дивному инструменту. Я ее нашел в виде приложения Trimage, которое тоже достаточно простое и удобное в использовании. Скачать и установить его можно по следующей ссылке. Оно также абсолютно бесплатно.

Но как и его оконный аналог оно дает лишь малый процент сжатия (Риот правда можно настроить вручную и тогда эффект будет куда лучше, но уже во вред качеству.). Таким образом я открыл для себя замечательный сервис  именуемый compresspng.com. Сжатие изображения потрясающее, при том что качество остается прежним. Можете сравнить верхнюю картинку в этом посте с пометкой "до оптимизации" и нижнюю "после оптимизации".

Изображение после оптимизации для Веб

В результате изображение потеряло 55% своего веса, а качество осталось прежним. За раз можно загрузить до 20 картинок, а после оптимизации скачать каждую из них по отдельности, или загрузив ZIP-архив с ними. Также есть еще один бесплатный сервис по оптимизации изображения, но он мне понравился меньше. Вот ссылка.