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

В статье "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