Тutorиалы по мультимедиа - GIF изображения

GIF является одним из основных форматов изображений, используемых в Интернете.

Эта статья подробно объясняет свойства и советы по использованию изображений GIF.

Понимание формата изображений

Ни HTML, ни XHTML не определяют официального формата изображений. Однако популярные браузеры специально определяют определенные форматы изображений: обычно это GIF и JPEG. Другие мультимедийные форматы требуют специальных вспомогательных приложений, и каждый пользователь браузера должен получить, установить и правильно использовать эти приложения, чтобы видеть или слышать эти специальные файлы. Поэтому GIF и JPEG стали фактическими стандартами в Интернете, что не удивительно.

До появления Интернета这两种图像 форматы уже получили широкое распространение, поэтому существует множество поддерживающих программ, которые помогают нам создавать изображения в этих форматах. Однако у каждого из этих форматов есть свои преимущества и недостатки, и некоторые браузеры используют их возможности для создания специальных эффектов отображения.

GIF

Формат GIF (Graphics Interchange Format)指的是图像交换格式，该格式最初 был разработан CompuServe для передачи изображений пользователям своих онлайн-услуг.

Свойства формата GIF

Формат GIF имеет множество свойств, поэтому он очень популярен в HTML/XHTML.

Вторая особенность формата GIF заключается в том, что он использует уникальную технологию сжатия, которая значительно уменьшает размер изображений, что позволяет быстрее передавать их в сети. А сжатие GIF является

Кроме того, GIF-изображения очень легко реализовать анимацию.

Версии и цвета формата GIF

Хотя все GIF-изображения имеют расширение .gif (или .GIF), на самом деле существует две версии GIF: оригинальная GIF87 и GIF89a, которая поддерживает множество новых функций, включая прозрачный фон, перекрестное хранение и анимацию, эти функции широко используются веб-создателями.

В настоящее время все популярные браузеры поддерживают这两种 формата GIF, они оба используют один и тот же принцип для карты 8-битных значений пикселей к таблице цветов, что позволяет каждому изображению иметь до 256 цветов.

Фактическое количество цветов в большинстве GIF-изображений еще меньше, и некоторые специальные инструменты (например, Macromedia Fireworks) могут упростить эти цвета в более детализированных изображениях. Упрощение цветов позволяет создавать более мелкие цветовые карты и усиливать избыточность пикселей, чтобы больше сжимать файлы, делая их загрузку быстрее.

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

Даже очень требовательные создатели выбирают GIF

Поскольку большинство графических браузеров явно поддерживают формат GIF, он в настоящее время является наиболее распространенным форматом кодирования изображений в Интернете. Внутренние и внешние изображения могут использовать этот формат. Если вы не уверены в выборе формата изображения, использование GIF определенно правильно. Он работает почти во всех случаях.

Техники GIF-изображений

GIF-изображения имеют три специальных技巧: интерлейсинг (interlacing), прозрачность (transparency) и анимация (animation).

Интерлейсинг

Через интерлейсинг, GIF-изображения могут сразу же появиться на экране, а не постепенно отображаться сверху вниз. В большинстве случаев, изображения, закодированные в GIF, представляют собой последовательность像素数据的排列， которая идет сверху вниз, строка за строкой. Поэтому, обычные GIF-изображения, отображаемые на экране, кажутся как бы раздвинутыми шторами, а GIF с интерлейсингом, когда он отображается, напоминает сворачивание жалюзи. Это связано с тем, что последовательность像素 данных чередуется каждые 4 строки. Пользователю достаточно использовать четверть времени для загрузки и отображения всего изображения, чтобы увидеть очень полный образец сверху вниз, хотя он и размыт. Обычно этого образца, который составляет одну четвертую часть изображения, достаточно-clear, чтобы пользователи с медленной скоростью подключения к сети могли�断ить, стоит ли тратить время на загрузку остальных частей изображения.

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

Прозрачность

Ещё один распространенный эффект GIF-изображений (на самом деле, это изображения в формате GIF89a) - возможность сделать часть изображения прозрачной, чтобы содержимое под ним (обычно фоновая окраска браузера) могло отображаться через прозрачную часть. Прозрачные GIF-изображения используют определенный цвет в своей карте цветов в качестве фона, чтобы фоновая окраска окна отображалась через прозрачную часть. С помощью тщательного вырезания размера изображения и выбора фона, близкого к чистому цвету, прозрачные изображения могут быть созданы так, чтобы они казались полностью интегрированными в веб-страницу или浮动ящими на ней.

Прозрачные GIF-изображения подходят для любой графики, которая хочет быть интегрирована в документ, но не выглядеть как квадрат. Прозрачные GIF-логотипы очень распространены, такие как прозрачные иконки или печать символов - любое изображение с любым случайным естественным形状ом можно использовать с этим эффектом. Также можно вставлять прозрачные.inline-изображения в традиционный текст, чтобы показывать специальные символы.

У эффекта прозрачности GIF есть один недостаток: если его включить в тег锚а гиперссылки (a) без удаления рамки или использовать рамки для особого обрамления, он будет выглядеть очень плохо. Кроме того, другие элементы будут отображаться вокруг прямоугольной рамки изображения, а не около непрозрачной рамки изображения. В результате излишне изолируется изображение, или страница выглядит очень странно.

Анимация

Третья особенность формата изображений GIF89a заключается в том, что он может реализовывать простую анимацию по кадрам. Используя специальные инструменты для создания GIF-анимации, можно поместить серию GIF-изображений в один файл GIF89a. Браузер последовательно будет отображать каждое изображение из файла, как те книжки-раскладушки, которые мы играли (и даже рисовали) в детстве, создавая анимацию с помощью быстрого перелистывания страниц. В файле GIF между изображениями есть специальные контрольные части, которые можно использовать для настройки次数, сколько раз браузер будет показывать всю последовательность (цикл), времени паузы между двумя изображениями, а также того, будет ли изображение стираться с фона перед показом следующего изображения и т.д. Сочетая эти характеристики с теми, которые обычно имеют GIF (включая отдельную таблицу цветов, прозрачность, строчечную сканирование и т.д.), можно создать очень привлекательные и изящные изображения.

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

Заключение

Все хитрости GIF, такие как строчная сканирование, прозрачность и анимация, не могут быть получены без особого программного обеспечения для подготовки этих GIF-файлов. Многие графические программы могут сохранять созданные пользователем или полученные из внешних источников изображения в формате GIF, и большинство из них поддерживают эффекты прозрачности, а также可实现 строчную сканирование GIF-файлов. Есть также множество специальных бесплатных программ или программного обеспечения для обмена, предназначенных для этих нужд, включая программы для создания анимации GIF.