4 совета по оптимизации изображений в формате PNG для пользователей Gimp. Будет полезно начинающим верстальщикам.
В результате экспериментов с Gimp 2.6 и изображениями в формате PNG мне удалось выяснить следующие интересные факты:
1. Если готовится спрайтовое изображение (для CSS-верстки), то элементы изображения лучше выстроить в горизонтальную линию. Это сократит размер файла в некоторых случаях почти в два раза!
2. Перед сохранением полезно переводить изображение в режим индексированного (Image -> Mode -> Indexed).
3. При сохранении изображения лучше снять галочку с пункта Interlacing (Adam7).
В результате будет получен очень компактный файл. Однако его все еще можно сжать.
4. Дополнительное сжатие возможно с помощью OptiPNG и AdvanceCOMP.
Для пользователей Ubuntu установить эти два компрессора можно так:
или через 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%)
Например:
В результате экспериментов с 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