Что такое GIF?
GIF (Graphics Interchange Format) — это формат растрового изображения, разработанный командой поставщика онлайн-услуг CompuServe под руководством американского ученого-компьютерщика Стива Уилхайта. Этот формат изображения был впервые выпущен 15 июня 1987 года, и с тех пор он стал широко использоваться во всемирной паутине (WWW) благодаря широкой поддержке и переносимости между приложениями и операционными системами (ОС).
GIF поддерживает до 8 бит на пиксель для каждого изображения, позволяя одному изображению ссылаться на свою палитру, содержащую до 256 различных цветов, выбранных из 24-битного цветового пространства RGB. Кроме того, он поддерживает анимацию и позволяет использовать отдельную палитру до 256 цветов для каждого кадра.
Преимущества и недостатки GIF
GIF менее подходит для воспроизведения цветных фотографий и других изображений с цветовыми градиентами из-за этих ограничений палитры. Тем не менее, он хорошо подходит для более простых изображений, таких как графика или логотипы со сплошными цветными областями.
Изображения GIF сжимаются с использованием технологии сжатия данных без потерь LZW (Lempel-Ziv-Welch), чтобы уменьшить размер файла без ухудшения визуального качества. Этот метод сжатия был запатентован в 1985 году. Разногласия по поводу лицензионного соглашения между CompuServe и владельцем патента на программное обеспечение Unisys в 1994 году стимулировали разработку стандарта PNG (Portable Network Graphics). К 2004 году срок действия всех соответствующих патентов истек.
Кроме того, GIF не имеет альфа-прозрачности и имеет относительно большой размер файла. Тем не менее, он по-прежнему широко используется и является единственным форматом анимированных изображений, поддерживаемым почти всеми основными программами просмотра изображений и веб-браузерами.
Альтернативы анимированным GIF
Поскольку у GIF есть ограничения, вы можете найти формат анимированного изображения для замены GIF, о котором создатели изображений почти не думают. В любом случае, какие альтернативы есть у GIF?
#1 APNG
APNG (анимированная переносимая сетевая графика) — это формат файла, который расширяет спецификацию PNG, позволяя анимированным изображениям работать аналогично анимированным файлам GIF, поддерживая 24-битные изображения и 8-битную прозрачность (недоступно для GIF).
APNG имеет такие преимущества, как меньший размер библиотеки и совместимость со старыми неанимированными PNG. По сравнению с GIF и WebP, APNG имеет наименьший размер файла.
Хотя APNG был разработан в 2008 году, он долгое время напоминал низкую адаптацию, и его поддерживала только Mozilla Firefox. Позже Safari, Chrome, Opera и Edge добавят его поддержку. В настоящее время APNG имеет самую широкую поддержку в браузерах среди альтернатив GIF . Кроме того, он совместим с некоторыми приложениями для отображения первого кадра в виде обычного изображения PNG.
# 2 WebP
WebP — это немного более новый современный формат изображений, разработанный Google и опубликованный в 2010 году. Он также поддерживает 8-битную прозрачность и 24-битные изображения. WebP предлагает превосходное сжатие без потерь и с потерями для изображений в Интернете. С помощью WebP веб-мастера и разработчики могут создавать более мелкие и насыщенные изображения, которые ускоряют работу в Интернете.
Однако WebP иногда отображает неработающее изображение или замещающий текст. Тем не менее, он получил поддержку почти во всех основных веб-браузерах, кроме IE.
#3 АВИФ
AVIF (формат файла изображения AV1) — это спецификация формата файла изображения для сохранения изображений или последовательностей изображений, сжатых с помощью AV1, в формате файла HEIF (высокоэффективный формат файла изображения). Он конкурирует с HEIC , который адаптирует тот же формат контейнера и создан на основе ISOBMFF (базовый формат медиафайлов ISO/IEC), но HEVC (высокоэффективное кодирование видео) для сжатия.
Хотя AVIF был завершен в 2019 году и является новейшей альтернативой GIF, он уже поддерживается Chrome и Opera. Поддержка Firefox и других браузеров находится на подходе. Он поддерживает сжатие с потерями и без потерь, а также значительно уменьшает размер файла, что делает его многообещающим.
#4 МНГ
MNG (Multiple-image Network Graphics) — это формат графических файлов для анимированных изображений, анонсированный в 2001 году. Он тесно связан с форматом PNG, один из которых применяется к неподвижным изображениям, а другой — к анимированным изображениям.
В настоящее время MNG не поддерживается ни одним из основных браузеров. Тем не менее, он имеет очень хорошую инструментальную поддержку благодаря поддержке ImageMagick, которую многие другие приложения используют в качестве библиотеки обработки изображений или серверной части.
#5 ФЛИФ
FLIF (Free Lossless Image Format) — это новый формат изображения без потерь, который превосходит PNG, WebP без потерь, BPG без потерь, JPEG2000 без потерь, а также JPEG XR с точки зрения коэффициента сжатия. Это позволяет отображать изображение в более низком качестве во время его загрузки.
FLIF не поддерживается ни одним родным браузером, но polifill браузера javascript позволяет использовать FLIF в любом браузере, хотя и не полностью поддерживает анимированные FLIF.
#6 Анимированный SVG
Анимация масштабируемой векторной графики (SVG) — это стандартный формат векторной графики на основе открытого XML (Extensible Markup Language). Это возможно с помощью различных средств, включая сценарии, стили, SMIL (синхронизированный язык интеграции мультимедиа) и библиотеки.
# 7 Sprite
В компьютерной графике спрайт представляет собой двухмерное растровое изображение, интегрированное в большую сцену, обычно в 2D-видеоигре. Вы применяете изображение в качестве фонового изображения к элементу на своей странице. Затем используйте функцию синхронизации по шагам () анимации ключевых кадров CSS3 для повторения кадров.
Sprite имеет ограниченный вариант использования. Для анимации хорошо подходит SVG, который не подходит, как пиксель, и требует прозрачности или чрезвычайно высокой степени контроля. Будучи легкими, анимация на листах спрайтов обеспечивает гораздо больший уровень контроля, чем GIF.
# 8 CSS3
CSS (каскадные таблицы стилей) — это язык таблиц стилей, используемый для описания представления документа, написанного на языке разметки, таком как HTML. Анимации CSS немного выделяются по сравнению с другими анимированными изображениями, поскольку они определяют макет веб-сайтов.
Вы можете добавить движение на веб-сайт, изменив отдельные свойства CSS в течение определенного времени. Объекты могут расти, изменять положение, форму или цвет. В CSS3 есть переходы и более сложная анимация ключевых кадров, позволяющая целым объектам плавно перемещаться по странице.
# 9 HTML5
HTML5 — это язык разметки, используемый для структурирования и представления контента во всемирной паутине. Хотя это не формат изображений, он включает видеоклипы на веб-сайты так же гладко, как и изображения. Несколько видеоформатов служат почти идеальной заменой GIF, например WebM, H264 (MP4) и Theora.
