Best Practices for Speeding Up Your Web Site / Рекомендации лучших вебоводов для ускорения вашего сайта: Optimize Images / Оптимизируйте картинки

После того, как дизайнер закончит с изображениями для вашего сайта, есть кое-что, что вы можете попробовать прежде чем заливать их на фтп.

Alexasa 21.09.12 в 15:08

Вы может проверить гифки на предмет соответствия размера палитры заявленному количеству цветов картинки. Используя imagemagick это легко сделать следующим образом:
identify -verbose image.gif
Если вы увидите, что картинка используют всего 4 цвета из 256-цветной палитры, то тут есть простор для улучшения.

Alexasa 21.09.12 в 15:11

Попробуйте сконвертировать GIF в PNG и посмотреть, что из этого получится. Чаще всего это даст уменьшение. Разрабоnчики часто сомневаются, использовать ли PNG из-за слабоq поддержки данного формата браузерами, но опять же, GIF не полноцветный и не поддерживает переменную прозрачность. Все, что может GIF, может и палитровый PNG (PNG8), за исключением анимации. Следующая простая команда imagemagick создает готовый к использованию PNG:
convert image.gif image.png
"Все, что мы хотим сказать: Дайте ПНГу шанс!"

Alexasa 21.09.12 в 15:21

Используйте pngcrush (или любой другой оптимайзер PNG) на всех ваших ПНГях:
pngcrush image.png -rem alla -reduce -brute result.png

Alexasa 21.09.12 в 15:23

Используйте jpegtran на всех ваших джипегах. Этот инструмент проводит операции вроде поворотов изображения без потери качества, а также может использоваться для оптимизации и удаления комментариев и другой бесполезной информации (как например EXIF) из ваших картинок.
jpegtran -copy none -optimize -perfect src.jpg dest.jpg

Alexasa 21.09.12 в 15:25