GIF, JPEG или PNG?

Эта статья описывает разницу между тремя наиболее популярными типами изображений, используемых в Интернете, и как эффективно использовать их для ваших веб-сайтов.

Формат

JPEG файлы-это сжатые изображения, поддерживающие баланс между размером и качеством. Например: большое сжатие = меньшее качество изображения = меньший размер файла. Напротив, маленькое сжатие = лучшее качество изображения = больший размер файла. Поскольку файлы JPEG не поддерживают 100% пиксельных данных исходного изображения, формат изображения считается без потерь.

Использование

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

файл GIF

Формат GIF был разработан CompuServe специально для использования в Интернете. GIF или “ГИФ” это 8-битный формат изображение без потерь. Без потерь означает, что 100% исходных пиксельных данных сохраняется. Термин 8-бит относится к глубине цвета — 8-битное изображение может иметь только 256 цветов.

Использование

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

Логотип
Иконография
Макет изображения
Любое другое маленькое, простое изображение с несколькими цветами

Прозрачность

GIF поддерживает базовую прозрачность, что означает, что отдельные пиксели на изображении могут быть “невидимыми”, так что вы можете видеть все, что лежит за ними. Это особенно полезно для создания значков, которые располагаются поверх изменяющегося фона.

Сжатие

Формат GIF использует алгоритм сжатия lzw, который запатентован компанией “Юнисис”. Какое-то время, это означало, что авторы программ редактирования изображений, были вынуждены платить компании unisys, чтобы включить поддержку GIF в свои программы. Патент, однако, истек 20 июня 2003 года в США.

Переплетение

GIF также поддерживает чересстрочную развертку, что помогает изображениям быстрее загружаться в веб-браузерах. Это может быть полезно для людей просматривают ваш сайт на медленном dial-up соединении.

Анимированные GIF

Анимированный GIF – это один файл, содержащий несколько вариантов (кадров) изображения. Эти кадры рисуются снова и снова, чтобы создать иллюзию анимации. При правильном использовании анимированные GIF-файлы могут быть красивыми и интересными.

формат PNG

Файлы PNG, произносимые как “ПНГ”, были разработаны как бесплатная альтернатива файлам GIF, которые в то время использовали запатентованный алгоритм сжатия. Формат PNG преобразовывает без потерь, но, в отличие от GIF, PNG может поддерживать 8-битные и 24-битные изображения.
8-битный PNG может иметь до 256 цветов с базовой прозрачностью. Этот формат очень похож на формат GIF, за исключением метода сжатия.

Использование

8-битные PNG должны использоваться так же, как и GIF:

Логотип
Иконография
Макет изображения
Любое другое маленькое, простое изображение с несколькими цветами

24-битный PNG может иметь до 16 миллионов цветов и поддерживает Альфа-прозрачность. Это означает, что частично прозрачное изображение просвечивает фон изображения и выгодно отображается на фоне.

Поддержка PNG

Поддержка PNG становится все более распространенной по мере того, как разработчики браузеров становятся более осведомленными о веб-стандартах. К счастью, в настоящее время ПНГ поддерживают все популярные веб-браузеры, в том числе, Firefox, Сафари, Опера и Хром.