Подготовка эффективных Web-анимаций

Луиза Симоне – внештатный редактор PC Magazine.

Анимированные GIF-изображения остаются самым популярным способом "оживления" Web-страницы. Практически они стали стандартом де-факто для рекламных заставок в Интернете. Причина этого вполне понятна: большинство посетителей Web-страниц реально могут увидеть GIF-анимацию полностью, независимо от типа имеющегося у них компьютера или применяемого браузера. В этом и состоит отличие GIF от Flash, Java и Dynamic HTML – весьма эффективных и все более популярных форматов, для работы с которыми требуются, однако, специальные дополнительные модули, загружаемые апплеты или новейшие браузеры.

Формирование анимированных GIF-изображений основано на одном из старейших принципов анимации – быстрой смене картин, слегка отличающихся друг от друга. Как правило, все анимированные GIF-файлы содержат ряд отдельных кадров, при последовательном просмотре которых создается иллюзия движения. Главная проблема состоит в том, что необходимость сохранения последовательности изображений может привести к созданию файлов очень большого размера. При работе в WWW большие размеры файлов крайне нежелательны, поскольку из-за них увеличивается продолжительность загрузки. Рекламодатели хотят, чтобы их сообщение увидели полностью, а это означает необходимость быстрого отображения анимированной рекламной заставки. Скорость загрузки зависит от длины файла и она настолько важна, что большинство крупных Web-узлов жестко ограничивают размер файлов. Эмпирически установлено, что размер рекламного баннера ни в коем случае не должен превышать 12 Кбайт.

Есть несколько стандартных приемов, позволяющих уменьшить размер GIF-изображения. К ним относятся сокращение числа цветов в изображении, числа и размеров кадров, а также отказ от полутонов.

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

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

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

Дата добавления: 2014-12-27