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

Оптимизацию графических файлов формата png я бы условно разделил на две части простую и сложную. Первая часть сложна и длительна по времени, но имеет на порядок большую эффективность это оптимизация изображения в графическом редакторе. Вторая же часть простая и быстрая, но с небольшой эффективность это непосредственное сжатие png файла различными упаковщиками.

Оптимизация png в графическом редакторе нужна, например, для изображений входящих в дизайн сайта так как эти изображения загружаются для каждого пользователя, то скажем размер файлов в 400кб и 150кб имеет достаточно большое значение в плане экономии трафика тем самым ускоряя загрузку сайта для пользователей. Подобная оптимизация достаточно сложная и требует отличного навыка владения графическим редактором и понимания принципов оптимизации по сути происходит частичное перерисовывание графического изображения.

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

Оптимизация png с помощью сжатия, простая быстрая и доступна любому желающему. Ниже приведены те инструменты, которые позволяют максимально сжать готовое .PNG изображение

Для начала мне было интересно насколько оптимально сохраняют png графику те программы, которыми я периодически пользуюсь, чтобы было с чем сравнивать
Выбрал я следующую картинку (деревце в горшке) и сохранил (true color + альфа) ее в:

Название Значение по умолчанию
Графические редакторы
Paint.Net v3.5.5 оригинал 115228 байт
Photoshop CS4 94248 байт
Fireworks 8 92718 байт
Онлайн сервисы для оптимизации PNG
Appfactory.ru 94448 байт
Punypng 93697 байт
Smushit (сервис Yahoo) 91585 байт
Небольшие утилиты
PngOptimizer 91695 байт
RIOT 89926 байт

Наилучший результат среди небольшого списка графических редакторов показала достаточно уже старенькая программа Fireworks 8, а наилучшим в общем, так сказать, зачете оказалась утилита RIOT о ней по этому случаю более подробней ниже. Стоит отметить так же утилиту PngOptimizer, которая способна массово и легко оптимизировать графику, чего не могут все остальные.

Утилита RIOT

(Radical Image Optimization Tool) это бесплатная программа для оптимизации графических файлов в частности PNG

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

Основная полезная функция это поддержка популярных внешних оптимизаторов PNGout OptiPNG и AdvPNG. Оптимизировать ими графику можно последовательно для достижения максимального результата.

Утилита RIOT так же умеет оптимизировать JPG и GIF файлы, удалять мета данные с графических изображений. Удобная возможность автоматического просмотра результата оптимизации и оригинального изображения. Подробнее о всех возможностях читайте на сайте программы.

Справа готовый результат после оптимизации
89926 байт


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

Упомянуть еще можно утилиту Color quantizer, работать она умеет только с PNG 256 - цветов, но делает это лучше других за счет автоматической подборки параметров к PNGOUT

Ссылки на сервисы и сайты программ

  • RIOT отличная утилита оптимизирующая графику
  • PngOptimizer утилита позволяет быстро оптимизировать большие объемы графики
  • Color quantizer бесплатная утилита для оптимизации PNG графики ориентированной на web

  • Appfactory.ru сервис по оптимизации PNG файлов
  • Punypng онлайн сервис по оптимизации PNG файлов (требуется регистрация)
  • Smushit сервис по оптимизации PNG файлов от Yahoo


Ссылки по теме для чтения

  • Сергей Чикуенок четыре больших статьи с массой примеров и техническими данными о сжатии и оптимизации PNG. В 4-й части можно посмотреть наглядный видео пример каким образом можно оптимизировать PNG в графическом редакторе
  • Хабра пользователь Lorents статья на хабре с множеством примеров

Если вы знаете другие утилиты или онлайн сервисы, которые справляются с оптимизацией лучше других, напишите о них, пожалуйста, в комментариях ниже.