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

Это правило срабатывает, когда PageSpeed Insights обнаруживает, что размер изображений на странице можно уменьшить без особого ущерба качеству.

Общая информация

Постарайтесь свести размер изображений к минимуму: это ускорит загрузку ресурсов. Правильный формат и сжатие изображений позволяет сократить их объем. Благодаря этому пользователи смогут сэкономить время и деньги.

Рекомендации

Следует проводить базовую и расширенную оптимизацию всех изображений. В рамках базовой оптимизации обрезаются ненужные поля, уменьшается глубина цвета (до минимально приемлемого значения), удаляются комментарии и изображение сохраняется в подходящем формате. Базовую оптимизацию можно выполнить с помощью любой программы для редактирования изображений, например GIMP. При расширенной оптимизации проводится сжатие файлов JPEG и PNG (без потерь).

Используйте инструменты сжатия изображений

Существуют инструменты, выполняющие дополнительное сжатие файлов JPEG и PNG без потерь и снижения качества. Для файлов JPEG рекомендуется использовать jpegtran или jpegoptim (доступно только для Linux, выполнять с параметром --strip-all). Для PNG лучше использовать OptiPNG или PNGOUT.

Выберите подходящий формат файла изображения

Проверьте, какой формат лучше всего подходит вашему изображению. Вот несколько общих рекомендаций:

  • PNG почти во всем превосходит GIF, хотя некоторые прежние версии браузеров могут поддерживать PNG лишь частично.
  • Используйте GIF для очень маленьких или простых изображений (если размер меньше 10 x 10 пикселей или в палитре менее 3 цветов), а также для изображений, содержащих анимацию.
  • Используйте JPG для фотографий.
  • Не используйте BMP и TIFF.