TML, CSS, СКРИПТЫ: практика создании сайтов

Обе они прекрасно поддерживаются всеми

графическими браузерами. GIF89a получил в Сети наибольшее распространение за

счет поддержки прозрачных областей и анимации. Помимо прочего, в GIF

изначально предусмотрена возможность чересстрочной развертки.

JPEG— полноцветный формат, предполагающий компрессию с потерями

качества. Основной свой удар алгоритм сжатия, основанный на

разновидности дискретного преобразования Фурье, наносит по областям изображения с

высокими частотами изменения цветового тона, яркости и насыщенности

(иначе говоря, с высокой детализацией). В итоге JPEG больше всего

подходит для изображений фотографического характера, состоящих большей

частью из плавных цветовых переходов, ибо вблизи резких контуров даже

при незначительном сжатии начинают проявляться неприятные артефакты.

Существует несколько вариантов формата JPEG. Следует сразу заметить, что

JPEG2000 — это не разновидность JPEG, а совсем другой формат, который

не нашел (пока?) применения в Веб, и поэтому говорить мы о нем не будем.

Я веду речь о другом — Photoshop, например, предлагает нам сохранять

JPEG-файлы в трех форматах: Baseline (базовый), Baseline Optimized

(оптимизированный) и Progressive (с прогрессивной разверткой).

Первый из перечисленных форматов — самый простой. По сравнению с

остальными он обеспечивает наименее эффективное сжатие. К тому же,

изображение в формате JPEG Baseline появляется на экране только после полной

загрузки файла, что делает этот формат малоприменимым в Веб.

Baseline Optimized при прочих равных условиях обеспечивает более

эффективное сжатие, а изображение, сохраненное в этом формате, проявляется на

экране постепенно, по частям, по мере загрузки файла. Наглядность процесса

загрузки — это несомненный плюс, повышающий интерактивность

интерфейса веб-страницы.

Наконец, формат Progressive по сути своей аналогичен формату GIF с

чересстрочной разверткой. Иными словами, изображение, сохраненное в

JPEG Progressive, сразу же проявляется на экране целиком, а по мере загрузки

его детали постепенно уточняются.

К сожалению, основное отличительное свойство JPEG Progressive не

реализуется в Internet Explorer, включая даже шестую (последнюю на момент

написания книги) вфсию. IE отображает такие файлы подобно формату Baseline,

что пока делает «прогрессивный» JPEG абсолютно бесполезным.

Глава 2. Создание простейших страниц с помощью языка разметки HTML 107

И хотя по объему файл такого формата занимает несколько меньше, чем та

же самая картинка, сохраненная с тем же качеством в JPEG Baseline (а иногда

даже и чуть-чуть меньше, чем в Baseline Optimized), все же, как ни крути, на

данный момент единственно правильной для Всемирной паутины

разновидностью формата JPEG является Baseline Optimized.

Кстати, что касается возможности использовать чересстрочную развертку в

GIF, злоупотреблять ею вряд ли стоит, поскольку в больших количествах это

раздражает. Чересстрочная развертка может оказаться полезной

применительно к GIF-изображениям крупного формата— к примеру, каким-нибудь

картам или схемам в пол-экрана.

Плавно переходим к PNG. Он позиционируется как полноценная замена

обоим вышеозначенным форматам сразу. PNG использует сжатие без потерь

качества и может иметь произвольную глубину цвета вплоть до 48 бит на

пиксел. Правда, при подготовке графики для Веб в основном применяются

варианты формата PNG либо с индексированной палитрой, когда на каждый

пиксел приходится от 1 до 8 бит информации, как в случае с GIF, либо с

24-битовой глубиной цвета. Одним из ключевых достоинств PNG является

поддержка альфа-каналов — это дает возможность определять в

изображениях области дробной прозрачности. В PNG, правда, в отличие от GIF89a,

отсутствует возможность создания анимированных изображений. На то,

однако, есть Flash.

PNG сносно поддерживается всеми распространенными ныне браузерами, но

только до тех пор, пока не заходит речь о той самой прозрачности.