Изображения, предназначенные для размещения на веб-странице, различаются по цвету, тону и другим исходным параметрам. В основном, многоцветные изображения, такие, как фотографии, сохраняются в формате JPEG. Иллюстрации с малым количеством цветов, четкими линиями или мелкими деталями, например, содержащие текст, должны быть оптимизированы в формате GIF или PNG-8.
Формат PNG-24 также годится для фотографий, однако, в отличие от JPEG, этот формат занимает больше места для одного и того изображения. PNG-24 рекомендован для работы с полноцветными изображениями содержащих многоуровневую прозрачность.
В зависимости от формата файла можно указывать качество, прозрачность
и метод загрузки изображения.
![]() |
![]() |
Рис. 1. Фотография
|
Рис. 2. Иллюстрация
|
Фотография наиболее подходит для сжатия в JPEG или PNG-24 форматах (рис. 1), а иллюстрации в формате GIF или PNG-8 (рис. 2).
Список форматов, их описание и область применения приведены в таблице.
Формат | Описание | Применение |
---|---|---|
GIF | GIF использует 256 цветов и эффективно сжимает сплошные цветные
области, при этом сохраняя детали изображения без потерь. Формат
GIF также широко используется для создания анимированных рисунков.
Может содержать прозрачные области. |
Текст, логотипы, иллюстрации с четкими краями, анимированные рисунки, изображения с прозрачными участками. |
JPEG | JPEG поддерживает 16 миллионов цветов и сохраняет их яркость
и оттенки в фотографиях. JPEG сжимает файл, выборочно отвергая
данные, поэтому сжатие JPEG называется сжатие с потерями. JPEG
метод может внести искажения в рисунок, особенно содержащий
текст или тонкие линии. |
Фотографии. НЕ годится для рисунков, содержащих прозрачные участки, мелкие детали или текст. |
PNG-8 | Аналогичен GIF, однако поддерживается не всеми программами. Использует улучшенный формат сжатия данных. | См. GIF |
PNG-24 | Формат PNG-24 также поддерживает 16 миллионов цветов. Подобно формату JPEG, сохраняет яркость и оттенки цветов в фотографиях. Подобно GIF и формату PNG-8, сохраняет детали изображения, как, например, в линейных рисунках, логотипах, или иллюстрациях. | Фотографии; рисунки, содержащие прозрачные участки; рисунки с большим количеством цветов и четкими краями изображений. |
Анализируя таблицу, можно сделать следующие выводы по выбору наиболее подходящего графического формата для разных случаев.
Широкое распространение для веб-графики получили два формата — GIF и JPEG. Их многофункциональность, универсальность, небольшой объем исходных файлов при достаточном для сайта качестве, сослужили им положительную службу, фактически определив их как стандарт веб-изображений. Формат PNG-8, несмотря на заявленное утверждение об улучшенном алгоритме сжатия, уступает GIF, файлы которого, обычно, по размеру меньше. PNG-24 также не применяется на веб-страницах, поскольку не смог пошатнуть популярность формата JPEG и его значимость для веб-графики.