степень сжатия графической информации в GIF сильно зависит от уровня ее
повторяемости и предсказуемости, а иногда еще и от ориентации картинки.
Поскольку GIF сканирует изображение по строкам, то, к
примеру, градиент, направленный сверху вниз, сожмется куда лучше, чем тех же
размеров градиент, ориентированный слева направо, а этот последний — лучше, чем
градиент по диагонали. Диффузия, хотя и сильно ослабляет эффект зависимости
степени сжатия от ориентации, все же не отменяет его.
Чудное мгновенье
Особый жанр искусства
оптимизации — редукция палитры кадров анимированных GIF-файлов. Не только более
жесткие требования к объему
Рис. 57
«Зубчики», возникающие при редукции
палитры с диффузией, особенно заметны на вертикальных и горизонтальных
цветовых границах с анти-алиасингом; хотя, как я писал, в таких местах
сглаживания контуров следует избегать, это не всегда возможно — очень часто в
изображениях вертикальные и горизонтальные участки контура соседствуют с
диагональными, в которых без анти-алиасинга не обойтись
файлов, но и
физиологические особенности восприятия движущихся изображений позволяют
обходиться для кадров «мультиков» гораздо более скромной палитрой и во многих
случаях отказываться от таких предметов роскоши, как диффузия или
анти-алиасинг.
Быстро мелькающие
изображения не только не позволяют зрителю заметить безжалостность
оптимизации, но и (если у следующих друг за другом кадров есть хоть что-то
общее) компенсируют недостатки друг друга, накапливая визуальное впечатление
предсказуемо движущегося или изменяющегося объекта и нейтрализуя случайно
расположенные дефекты. То же самое можно наблюдать в кинематографе, где
субъективное качество движущейся картинки всегда заметно выше, чем качество
любого отдельного кадра. Очевидно, что требования к качеству каждого GIF-кадра должны быть тем
выше, чем дольше он остается видимым.
Blow up
Напомню, что, вставляя
подготовленное изображение в HTML-документ, нужно снабдить его двумя обязательными
вещами: alt-текстом
(стр. 35) и явным указанием ширины и высоты атрибутами height и width. К предмету этой главы
имеет прямое отношение возможность масштабирования графики указанием в HTML габаритов
изображения,
отличных от реальных. Если уменьшать графику таким манером никакого смысла нет
(лучше сразу сделать ее маленькой, сэкономив тем самым на объеме файла), то
сильное растягивание картинки (в том числе и с нарушением пропорций ширины и
высоты) — хотя и редко встречающийся, но достаточно интересный прием оформления.
Броузер не пытается
как-то сгладить раздутую графику, передавая каждый увеличенный пиксел
прямоугольником — примерно так, как растровая решетка изображается с увеличением
на большинстве рисунков в этом разделе. Поэтому незначительное, на проценты,
растяжение
Главная / web программирование / web технологии 