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

Памятка по оптимизации PNG

Время на прочтение1 мин
Количество просмотров2.8K
4 совета по оптимизации изображений в формате PNG для пользователей Gimp. Будет полезно начинающим верстальщикам.

В результате экспериментов с Gimp 2.6 и изображениями в формате PNG мне удалось выяснить следующие интересные факты:
1. Если готовится спрайтовое изображение (для CSS-верстки), то элементы изображения лучше выстроить в горизонтальную линию. Это сократит размер файла в некоторых случаях почти в два раза!
2. Перед сохранением полезно переводить изображение в режим индексированного (Image -> Mode -> Indexed).
3. При сохранении изображения лучше снять галочку с пункта Interlacing (Adam7).
В результате будет получен очень компактный файл. Однако его все еще можно сжать.

4. Дополнительное сжатие возможно с помощью OptiPNG и AdvanceCOMP.
Для пользователей Ubuntu установить эти два компрессора можно так:
sudo apt-get install optipng
sudo apt-get install advancecomp

или через Synaptic.

Для FreeBSD (спасибо iZENfire):

OptiPNG:
инсталлировать из порта: cd /usr/ports/graphics/optipng/ && make install clean
или
инсталлировать из пакета: pkg_add -r optipng

AdvanceCOMP:
инсталлировать из порта: cd /usr/ports/archivers/advancecomp/ && make install clean
или
инсталлировать из пакета: pkg_add -r advancecomp

Для всех остальных гугл в помощь.

Для результатов работы Photoshop эти две программы также будут весьма полезны.

После установки OptiPNG и AdvanceCOMP пользоваться ими можно так:
optipng -o7 (иногда сжимает почти в два раза)
и следом
advpng -z4 .png (выкидывает от 5 до 1%)
Например:
optipng -o7 myimagefile.png
advpng -z4 myimagefile.png
Теги:
Хабы:
Всего голосов 13: ↑12 и ↓1+11
Комментарии37

Публикации