Автор: Даниэль Скокко
Перевод: Всеволод Козлов

В первой статье данной серии «Ускорение загрузки Вашего сайта» мы рассмотрели процесс оптимизации изображений. Чтобы при оптимизации изображений достичь наилучших результатов, нужно правильно выбрать формат изображений.

Выбор стоит между тремя форматами: GIF, PNG и JPEG. В зависимости от типа изображения и его характеристик мы и будем выбирать наиболее подходящий формат:

Формат JPEG (Joint Photographic Experts Group). Данный формат был создан для фотографий и других полноцветных изображений. Запомните, что при оптимизации изображений в данном формате для получения оптимальных результатов степень сжатия ставьте 50%.

Формат GIF (Graphics Interchange Format). Данный формат является, чуть ли не основным форматом изображений. Формат GIF славится малым размером файлов изображений. Изображения в формате JPEG содержат миллионы цветов, а изображения в формате GIF — не более 256. Формат GIF следует использовать для изображений с малым количеством цветов, таких как логотипы и различные кнопки. Помимо этого, формат GIF поддерживает анимацию.

Формат PNG (Portable Network Graphics). Данный формат был создан специально для Интернета с целью вытеснения формата GIF. Основное преимущество формата PNG – поддержка 24-битных цветов и прозрачности. Формат PNG следует использовать для простых изображений, содержащих более 256 цветов.

Ускорение загрузки Вашего сайта:

  1. Оптимизация изображений
  2. Форматы изображений
  3. Оптимизация CSS-файлов
  4. Использование слэша на конце ссылок
  5. Указание атрибутов Height и Width для всех изображений
  6. Уменьшение количества HTTP запросов

Оригинал статьи: Speed Up Your Site – Image Formats




Смотрите также:

Понравилась статья? Поделитесь ей в социальных сетях: