На заре Интернета GIF-файлы были стандартным форматом изображений. Сегодня вы обнаружите, что png и jpg являются доминирующими типами файлов. Хотя они больше не являются предпочтительным форматом для веб-изображений, из-за их более низкого качества и отсутствия доступности, GIF-файлы все еще существуют.
Давайте посмотрим поближе.
Рождение формата GIF
В 1987 году CompuServe была крупным поставщиком интернет-услуг. Это были дни коммутируемого доступа, когда скорость передачи данных ограничивалась пропускной способностью телефонных линий. Интернет был медленным, но мы не знали ничего лучше.
CompuServe хотела предложить своим клиентам возможность загружать полноцветные фотографии, но с размерами файлов, которые были бы достаточно малы, чтобы на это не уходили часы.
Ученый -компьютерщик Стив Уилхайт возглавил команду CompuServe по разработке формата файлов изображений, который предлагал бы полноцветную палитру при более сжатых размерах файлов.
В результате они разработали формат обмена графикой или gif на основе алгоритма LZW. Первоначальная версия, также известная как gif87a , предлагала 8 бит на пиксель и 256 индексированных цветов. Первое цветное изображение, появившееся в сети, представляло собой пиксельный самолет, летящий над анимированным облачным фоном. По сегодняшним меркам это выглядит лофи, но в то время это было огромной инновацией.
Падение гифок
Gif-файлы были стандартом, который веб-разработчики использовали для неподвижных изображений, пока они не потеряли популярность в середине 1990-х годов.
В 1994 году патентообладатель алгоритма LZW , компания Unisys, уже не радовалась тому, что их технология используется бесплатно. Unisys приняла бизнес-решение взимать лицензионные сборы с тех, кто использует GIF-файлы в коммерческом программном обеспечении и приложениях, и люди были недовольны.
Компьютеры и Интернет также улучшались. Когда гифки были запущены, их 24-битные цвета на основе RBG были нормой для технологий того времени. Но с узкой цветовой палитрой из 256 цветов, отсутствием прозрачного фона и пиксельным рендерингом сложных изображений, таких как фотографии, гифки имели свои ограничения .
Новый формат файлов — Portable Networks Graphics или png — стал известен. Он предлагал сжатие без потерь и лучшие цветовые возможности и имел открытый формат, без каких-либо правообладателей, которые могли бы собирать гонорары.
Возрождение GIF
Хотя они больше не подходят для изображений с высоким разрешением, вы обнаружите, что gif-изображения занимают свою нишу в веб-коммуникациях.
Те мемы из офиса, которые были вашим основным способом взаимодействия с коллегами? Это гифки. Анимированные стикеры, которые являются еще одной формой выражения эмоций при обмене сообщениями и в социальных сетях, также являются гифками.
Причина в том, что зачем печатать длинный текст, если можно просто отправить короткий видеоклип, который сразу же передаст ваши чувства? Скажите это с помощью GIF, и вас сразу поймут.
Как работают анимированные гифки
Гифки часто создаются путем взятия видеоклипов и сжатия их в циклическую анимацию. Анимированные гифки состоят из отдельных кадров, как в олдскульном кино. Это преобразование анимации или видео в последовательность синхронизированных кадров в итоге получается в пять-десять раз больше, чем файл mp4.
Хотя анимированные GIF-файлы могут быть намного больше, их можно использовать на современных веб-сайтах несколькими способами, включая:
- Превью видеофайлов
- Записи экрана
- Анимированные фоны
- Демонстрации рабочего процесса приложения
- Загрузка анимации состояния
- Кэмпи ретро-графика
GIF и доступность
Хотя GIF широко используются, они не всегда удобны для пользователя. Люди с нарушением зрения или другими нарушениями могут столкнуться с проблемами при просмотре анимированных GIF-файлов в своих веб-браузерах.
Во-первых, это проблема бесконечного цикла. Общее правило заключается в том, что через пять секунд воспроизведение клипа должно прекратиться, или посетители должны иметь возможность остановить или приостановить его. Рекомендуется, чтобы визуальные элементы мигали не более трех раз в секунду.
Следуйте следующим советам по использованию GIF-файлов при создании сайтов:
- Гифки должны быть скрыты, если в настройках пользователей включена функция Preferences-Reduced-Motion. Для этих пользователей замените его неподвижным изображением из самого gif.
- Всегда включайте замещающий текст, особенно если на самой гифке есть текст. Это помогает тем, кто использует программы чтения с экрана, понять, что изображения представляют или передают. Это также поможет с поисковой оптимизацией.
- Чтобы справиться со всем этим, вы можете использовать элемент <picture>:
<picture>
<source
srcset=»moving.gif»
media=»(prefers-reduced-motion: no-preference)»>
<img
src=»still.jpg»
alt=»текст, который будет применяться к любому изображению, отображаемому » />
</picture>
Гифки здесь надолго?
Хотя появились такие форматы, как WebM, MP4 и Theora, gif остается одним из самых долгоживущих типов файлов, что делает возможной анимацию на веб-страницах, платформах социальных сетей и приложениях для обмена сообщениями. Удивительно, что технологическая разработка, представленная в 1987 году, до сих пор используется — но вот.
Для гифок может быть время и место, но их недоступность для больших групп людей, а также невероятно большой и неуклюжий формат делают их ниже в нашем списке при выборе графики или изображения.
Если вы решите использовать GIF-файлы, важно следовать общим рекомендациям по остановке GIF-файла через пять секунд или предоставлению пользователям возможности сделать паузу, избегая визуальных эффектов, которые мигают три раза в секунду, и всегда добавляйте замещающий текст к вашим GIF-файлам, чтобы сделать их более привлекательными. понятно для скринридеров.