Техника Web-дизайна для студента

Форматы графических файлов, используемых в Web-сайтах

Прежде чем приступить к непосредственному изложению во­просов по подготовке и размещению иллюстраций на web-сайте, следует рассмотреть используемые с этой целью форматы гра­фических файлов, а также их особенности.

О Формат GIF (Graphics Interchange Format — формат обмена графической информацией). Файлы в этом формате имеют расширение gif.

Достоинства формата GIF:

• в одном файле могут храниться несколько изображений (кадров), которые демонстрируются через заданные про­межутки времени (GIF-анимация);

• изображения могут содержать прозрачные цвета;

• возможность сохранения и последующего вывода изобра­жения с чередованием строк (interlacing), т. е. изображение появляется целиком после передачи только части строк, но отдельные детали уточняются по мере загрузки, в отли­чие от обычного построчного вывода сверху вниз (разница проявляется при небольшой скорости загрузки документа);

• сравнительно высокая степень сжатия без потерь инфор­мации и, следовательно, относительно небольшие размеры файлов.

Недостаток:

• Изображение может содержать только 256 цветов.

Рекомендации по использованию:

• изображения с ограниченным количеством цветов (рисо­ванные изображения, графики, диаграммы);

• простые изображения и изображения, содержащие текст (кнопки, меню, списки);

• анимационные изображения.

□ Формат JPEG (Joint Photographie Experts Group — объеди­ненная группа экспертов в области фотографии). Файлы в

Формате JPEG имеют расширение jpg.

Достоинства формата JPEG:

• изображение может содержать 16 777 216 цветов (24 бита на пиксель);

• очень высокая степень сжатия информации с сохранением высокого качества изображения, несмотря на потерю ин­формации при сжатии (степень сжатия и качество изобра­жения выбираются при сохранении);

• позволяет задать прогрессивный (progressive) режим выво­да изображения на экран, при котором изображение появ­ляется полностью после передачи лишь части информа­ции, в отличие от обычного вывода с построчной разверткой сверху вниз. Разницу можно заметить при не­большой скорости загрузки документа.

Недостаток:

• Отсутствуют возможности формата GIF по созданию про­зрачного цвета и анимации.

Рекомендации по использованию:

• Многоцветные фотографические изображения;

• Изображения с большим количеством цветов и оттенков.

□ Формат PNG (Portable Network Graphics — переносимая сете­вая графика). Расширение файлов в этом формате — png. Формат задуман в качестве альтернативы форматам GIF и JPEG. Значительно уступает формату JPEG в степени сжатия информации, а формату GIF — в возможности создания анимации. Несмотря на многолетнее существование, широко­го распространения не получил.