Форматы изображений ? GIF или JPG?

GIF и JPG ... в чем разница?

Изображения в Интернете хранятся в одном из двух форматов: GIF или JPG.

Для хранения изображений эти форматы используют совершенно разные алгоритмы, дающие порой колоссальный выигрыш в объеме. Но, с другой стороны, у каждого формата есть и свои ограничения. Умение выбирать нужный формат "на глаз" приходит не сразу, чаще всего сделать правильный выбор помогают лишь нескончаемые эксперименты.

GIF

JPG

256 цветов	True color (до 16.7 млн)
Поддерживает прозрачность участков изображения	Вся картинка непрозрачна
Обычно используется для кнопок, баннеров, элементов дизайна, логотипов, четких изображений с малым количеством оттенков, чертежей	Обычно используется для фотографий и иных "пестрых" картинок с большим количеством плавных переходов цветов

Выбор формата всегда направлен на то, чтобы добиться минимального объема получившегося файла. Старайтесь добиваться того, чтобы суммарный объем всех изображений, используемых в дизайне вашего сайта не превышал 30-50 килобайт. Чем меньше ? тем лучше. Делать страницы с графикой большого объема просто неприлично ? пользователи вам за это спасибо не скажут.

Для экспериментов вам понадобится соответствующий инструментарий ? программы-оптимизаторы изображений, так называемые "сэйверы" (см. гл. "Возьми с собой в дорогу").

Эффект "Мозилла". Размер или количество?

Если на одной странице слишком много отдельных картинок, возникает так называемый эффект "Мозилла", выражающийся в увеличении общего времени ее загрузки. Дело в том, что для загрузки каждой картинки ваш браузер посылает серверу отдельный HTTP-запрос. На доставку запроса требуется некоторое время, по человеческим меркам очень небольшое. Но когда таких запросов сотни... сами понимаете.

СМОТРИТЕ ТАКЖЕ:

Описание элемента IMG ? используется для вставки изображений в страницу.

ССЫЛКИ НА ДРУГИЕ САЙТЫ ПО ДАННОЙ ТЕМАТИКЕ

Оптимизация изображений в формате GIF (Mike Melnikov)

Оптимизация изображений в формате JPG (Mike Melnikov)

Простой секрет GIF'а ? о принципе работы этого формата (А.Лебедев)

"Возьми с собой в дорогу..." ? обзор инструментария.

Содержание раздела