Оптимизация изображений
В статье "Optimize Images" автор рекомендует преобразовывать изображения из формата GIF в формат PNG для того, чтобы файл не хранил в своей палитре цвета, не используемые в изображении.
После того, как дизайнер завершил создание картинок для вашего сайта, есть ещё некоторая работа, которую вам необходимо сделать прежде, чем Вы загрузите их на веб-сервер.
- Вы можете проверить файлы в формате GIF и посмотреть, используют ли они размер палитры, соответствующий количеству цветов в изображении. Используя imagemagick это легко проверить с помощью
identify -verbose image.gif
Например, когда Вы видите, что ваше изображение состоит всего из 4-х цветов, а сохранено оно с использованием 256 цветовой палитры, то Вы можете попытаться оптимизироавать его следующим образом. - Преобразуйте GIF в PNG и посмотрите сохранятся ли изменения. Как показывает практика чаще да, чем нет. Разработчики часто не используют формат PNG из-за ограниченной поддержки в браузерах, но это уже дело прошлого. Старые браузеры не поддерживали прозрачность полноцветного PNG, но в то же время GIF не является полноцветным и не поддерживает полупрозрачность. Так что единственное что может сделать GIF, может также сделать и PNG (PNG8) (за исключением анимации). Эта простая команда imagemagick приводит к абсолютно безопасным для использования PNG-файлам:
convert image.gif image.png
"Всё, что мы можем сказать: Дайте шанс для PiNG!" - Запустите инструмент pngcrush (или любой другой инструмент оптимизации PNG) для всех ваших PNG-файлов. Пример:
pngcrush image.png -rem alla -reduce -brute result.png
- Запустите инструмент jpegtran для всех ваших JPEG-файлов. Этот инструмент совершает действия с JPEG-файлами без потери информации, такие как поворот и может быть также использован для оптимизации и удаления комментариев и другой бесполезной информации (такой как EXIF-информации) из ваших изображений.
jpegtran -copy none -optimize -perfect src.jpg dest.jpg
Оригинал статьи на developer.yahoo.com
Перевод КОМТЕТ komtet.ru