UltKit
Зображення11
PDF13
Документи й дані7
Відео6
Аудіо4
Інші інструменти22

Конвертувати GIF в AVIF

Анімований AVIF відтворюється в тегу зображення так само, як GIF, але стискається відеокодеком AV1, тож та сама анімація на вебсторінці займає лише частку колишнього обсягу.

Відеоконвертер

або перетягніть Файли MP4, MOV, MKV … сюди ·

До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв

Результат

Файли обробляються на наших серверах і видаляються через 30 хв.

Як користуватися цим інструментом

  1. 1

    Додайте GIF

    Завантажте до 20 анімованих GIF, кожен до 95 MB. Короткі відео MP4 або WebM також можна одразу перетворити на анімований AVIF.

  2. 2

    Задайте ширину

    Для анімованого результату Ширина за замовчуванням дорівнює 480 px. Якщо потрібно без масштабування, вкажіть власну ширину GIF у розділі Додаткові налаштування; параметр Зациклити залишається в режимі «Повторювати безкінечно».

  3. 3

    Конвертуйте в AVIF

    Натисніть Конвертувати в AVIF і завантажте файли .avif, готові до вставлення в елемент picture на вашому сайті.

Навіщо конвертувати GIF в AVIF для сайту

GIF зберігає кожен кадр як окреме зображення з 256 кольорів. Демонстрація продукту або запис екрана тривалістю кілька секунд може важити кілька мегабайтів, і на посадковій сторінці це одне зображення часто важить більше, ніж увесь код. В аудиті Google Lighthouse є окрема перевірка «Use video formats for animated content», спрямована саме на такі файли.

AVIF було затверджено Alliance for Open Media 2019 року як формат нерухомих зображень на основі відеокодека AV1 у контейнері HEIF. Анімований AVIF — це послідовність зображень AV1: наступні кадри передбачаються з попередніх, як у відеофайлі, тож біти витрачаються лише на різницю між кадрами.

GIF чи анімований AVIF: що дає новий формат

from ↓ · to →Понад 256 кольорів на кадрПлавні альфа-країКадри з передбаченням руху10-bit colorВідкривається в будь-якій програмі перегляду зображень
GIF– GIF to Понад 256 кольорів на кадр: no– GIF to Плавні альфа-краї: no– GIF to Кадри з передбаченням руху: no– GIF to 10-bit color: noGIF to Відкривається в будь-якій програмі перегляду зображень: yes
Анімований AVIFАнімований AVIF to Понад 256 кольорів на кадр: yesАнімований AVIF to Плавні альфа-краї: yesАнімований AVIF to Кадри з передбаченням руху: yesАнімований AVIF to 10-bit color: yes– Анімований AVIF to Відкривається в будь-якій програмі перегляду зображень: no
supported not offeredМожливості формату за специфікацією. Підтримка анімованого AVIF у програмах перегляду зображень на комп’ютері та в чатах поки нерівномірна.

GIF

Graphics Interchange Format

GIF запровадила компанія CompuServe у 1987 році, і досі це найпоширеніший формат для коротких зациклених анімацій. Він стискає без втрат, але обмежений палітрою з 256 кольорів на кадр, тому на фото й градієнтах видно смуги та дизерінг. GIF підтримує лише прозорість «увімк./вимк.» (1 біт), через що на заокруглених формах з’являються зубчасті краї. Анімований GIF часто набагато більший за той самий кліп у форматі MP4 або WebP. GIF відтворюють усі браузери, застосунки для чатів і соцмережі.

Стиснення
Без втрат
Прозорість
Так
Анімація
Так
Рік появи
1987 · CompuServe
Конвертер GIF

AVIF

AV1 Image File Format

AVIF зберігає нерухомі зображення та послідовності зображень, стиснені відеокодеком AV1; його остаточно затвердив Alliance for Open Media 2019 року. За тієї самої візуальної якості він зазвичай дає менші файли, ніж JPEG і WebP, та підтримує прозорість, анімацію, широкий колірний охоплення й HDR. Кодування повільніше, ніж у старіших форматів, а дуже дрібні текстури за низької якості можуть виглядати згладженими. Усі основні браузери тепер показують AVIF, але багато настільних програм, соцплатформ і старіших пристроїв не можуть його відкрити.

Стиснення
З втратами або без втрат
Прозорість
Так
Анімація
Так
Рік появи
2019 · Alliance for Open Media
Конвертер AVIF

GIF перетворюють на AVIF, коли власник сайту намагається зменшити вагу сторінки: цикли в шапці, демонстрації продукту й покрокові огляди інтерфейсу зберігають автовідтворення через тег зображення, а розмір різко зменшується і зникають смуги через обмеження в 256 кольорів.

Коли анімований AVIF — правильна заміна

AVIF добре підходить для

  • Циклів у шапці та блоках переваг на вашому сайті
  • Демонстрацій інтерфейсу продукту з градієнтами й тінями
  • Сторінок, які оцінюють за швидкістю завантаження та Core Web Vitals
  • Анімацій, яким потрібні м’які прозорі краї

Залиште GIF для

  • Email-розсилок і підписів
  • Форумів і чатів, що показують попередній перегляд лише GIF
  • Завантаження на старі версії CMS
  • Отримувачів, які пізніше редагуватимуть кадри

Як віддавати анімований AVIF із запасним варіантом

Актуальні версії Chrome, Edge, Firefox і Safari відтворюють анімований AVIF; Firefox додав анімацію останнім, у версії 113. Публікація через елемент picture з GIF як запасним варіантом нічого не коштує й захищає старіші браузери. Кодування AVIF повільніше, ніж створення GIF, тож довгий кліп конвертуватиметься помітно довше, ніж у WebP.

Якщо цикл призначений для чату, а не для вашого сайту, надійніше відеофайл: GIF у MP4 відтворюється всюди. У посібнику про AVIF, HEIC і WebP докладно порівнюються три сучасні формати зображень.

Запитання про конвертацію GIF в AVIF

Чи зациклюється анімований AVIF так само, як GIF?

Так. Параметр Зациклити має значення «Повторювати безкінечно», а браузери повторюють послідовність зображень AVIF так само, як GIF у тезі img, без елементів керування та звуку. Виберіть «Відтворити один раз» для вступної анімації, яка має зупинитися на останньому кадрі.

Чому мій AVIF показує лише перший кадр?

Програма переглядає звичайний AVIF, але не підтримує послідовності зображень AVIF. Так поводяться старі програми перегляду зображень і версії Firefox до 113, випущеної 2023 року. Щоб перевірити анімацію, відкрийте файл у актуальному Chrome, Edge, Firefox або Safari.

Чи зберігає AVIF прозоре тло мого GIF?

Формат AVIF підтримує повноцінний альфа-канал, тож прозорість у ньому передається значно краще, ніж у GIF із принципом «піксель є або його немає». Перед публікацією перевірте результат на кольоровому або шаховому тлі, адже вшитий у вихідний GIF колір підкладки залишиться видимим.

Чи можна завантажити анімований AVIF у WordPress?

WordPress 6.5, випущений 2024 року, додав AVIF до медіатеки за умови, що бібліотека зображень на сервері його підтримує. Старіші версії відхиляють завантаження; тоді залиште GIF або скористайтеся GIF у WebP, який WordPress приймає з версії 5.8.

Як показати AVIF із запасним GIF?

Вкладіть обидва файли в елемент picture: тег source з type image/avif, що вказує на AVIF, а потім тег img із GIF. Браузери, які розпізнають AVIF, візьмуть невеликий файл, а решта без збоїв покаже GIF.