Графика в веб. Оптимизация графики.

Основы работы с графическими файлами

Графические форматы веб.

На сегодняшний день существует множество форматов, предназначенных для хранения цифровых изображений (ЦИ), как растровых, так и векторных. Среди векторных форматов наиболее известны такие, как Scalable Vector Graphics (SVG и SVGZ), Flash (SWF) и Corel Draw (CDR). Наиболее распространенные растровые форматы - Bitmap Picture (BMP), Joint Photographic Experts Group (JPEG), Graphic Interchange Format (GIF), Portable Network Graphics (PNG), Tagged Image File Format (tiff), Photoshop Document (PSD). 

На страницах сайтов допустимо использование трех растровых форматов -  GIF, JPEG и PNG. Все три этих формата являются сжатыми, но используют различные алгоритмы сжатия, поэтому каждый из перечисленных форматов имеет свои особенности.

Формат JPEG
Изображение в формате JPEG

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

Графические файлы в формате JPEG имеют расширение .jpg (иногда встречается .jpeg)

\Анимация GIF
Изображение в формате GIF - анимация, прозрачный цвет

 

Особенностью формата GIF является использование индексированной палитры цветов. Все цвета изображения нумеруются и сохраняются в специальной таблице. Таким образом, вместо того, чтобы хранить информацию о коде цвета каждой точки изображения, в файле формата GIF хранится таблица цветов и номера цвета каждой точки. При этом количество цветов в таблице не может превышать 256.Очевидно, что данный формат подходит для хранения "малоцветных" изображений, таких, как логотипы, шрифты, чертежи, черно-белые изображения, и не подходит, например, для сохранения фотографий осеннего леса - количество природных оттенков многократно превышает возможное число цветов палитры. Алгоритм сжатия, используемый форматом, относится к категории алгоритмов сжатия без потерь.

В отличие от формата JPEG, формат GIF поддерживает возможность создания простой анимации.

Еще одна особенность формата - возможность назначить один из цветов изображения прозрачным. При размещении на веб-странице сквозь пиксели прозрачного цвета будет виден фон страницы.

Графические файлы в формате GIF имеют расширение .GIF

Формат PNG был создан, как свободная альтернатива формату GIF, который до 2004 года был недоступен для свободного использования. PNG сочетает в себе возможности JPEG (хранение практически неограниченного количества цветов) и GIF (поддержка прозрачности).

Файлы в формате PNG имеют расширение .png