Конвертувати GIF в AVIF
Анімований AVIF відтворюється в тегу зображення так само, як GIF, але стискається відеокодеком AV1, тож та сама анімація на вебсторінці займає лише частку колишнього обсягу.
Відеоконвертер
або перетягніть Файли MP4, MOV, MKV … сюди ·
До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв
Файли обробляються на наших серверах і видаляються через 30 хв.
Менше значення — краща якість і більший файл. 18 виглядає так само, як оригінал, 23 — типове, від 28 помітне розмиття.
Кадрів за секунду. Залишайте частоту оригіналу, якщо платформа не вимагає конкретної; для GIF цілком достатньо 15–20 fps.
Використовується лише для файлів PowerPoint і окремих нерухомих зображень: скільки часу кожен слайд чи картинка залишається на екрані.
«Авто» використовує AAC для MP4/MOV і Opus для WebM. «Копіювати» залишає оригінальний звук без змін, якщо новий формат це підтримує.
192 kbps прозорий для музики; 128 kbps достатньо для мови.
Ширина анімації в пікселях; висота визначається співвідношенням сторін. 480 px підходить для чатів, 720 px і більше дає якісний GIF, але значно більший файл.
GIF вміщує щонайбільше 256 кольорів. Менше кольорів дає менший файл, але спричиняє смугастість на градієнтах і відтінках шкіри.
Змішує кольори палітри дрібним візерунком, щоб приховати смугастість. Sierra дає найгладкіший результат; «Немає» — найменший файл.
Чи повторюється анімація безкінечно, чи відтворюється один раз і зупиняється.
Необов'язково. Секунди (наприклад, 75) або хвилини:секунди (1:15). Залиште порожнім, щоб почати з початку.
Необов'язково. Той самий формат, що й для часу початку. Залиште порожнім, щоб зберегти все до кінця.
Перетворений файл матиме цей розмір або трохи менший.
Як користуватися цим інструментом
- 1
Додайте GIF
Завантажте до 20 анімованих GIF, кожен до 95 MB. Короткі відео MP4 або WebM також можна одразу перетворити на анімований AVIF.
- 2
Задайте ширину
Для анімованого результату Ширина за замовчуванням дорівнює 480 px. Якщо потрібно без масштабування, вкажіть власну ширину GIF у розділі Додаткові налаштування; параметр Зациклити залишається в режимі «Повторювати безкінечно».
- 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: no | GIF to Відкривається в будь-якій програмі перегляду зображень: yes |
| Анімований AVIF | Анімований AVIF to Понад 256 кольорів на кадр: yes | Анімований AVIF to Плавні альфа-краї: yes | Анімований AVIF to Кадри з передбаченням руху: yes | Анімований AVIF to 10-bit color: yes | – Анімований AVIF to Відкривається в будь-якій програмі перегляду зображень: no |
GIF
Graphics Interchange Format
GIF запровадила компанія CompuServe у 1987 році, і досі це найпоширеніший формат для коротких зациклених анімацій. Він стискає без втрат, але обмежений палітрою з 256 кольорів на кадр, тому на фото й градієнтах видно смуги та дизерінг. GIF підтримує лише прозорість «увімк./вимк.» (1 біт), через що на заокруглених формах з’являються зубчасті краї. Анімований GIF часто набагато більший за той самий кліп у форматі MP4 або WebP. GIF відтворюють усі браузери, застосунки для чатів і соцмережі.
- Стиснення
- Без втрат
- Прозорість
- Так
- Анімація
- Так
- Рік появи
- 1987 · CompuServe
AVIF
AV1 Image File Format
AVIF зберігає нерухомі зображення та послідовності зображень, стиснені відеокодеком AV1; його остаточно затвердив Alliance for Open Media 2019 року. За тієї самої візуальної якості він зазвичай дає менші файли, ніж JPEG і WebP, та підтримує прозорість, анімацію, широкий колірний охоплення й HDR. Кодування повільніше, ніж у старіших форматів, а дуже дрібні текстури за низької якості можуть виглядати згладженими. Усі основні браузери тепер показують AVIF, але багато настільних програм, соцплатформ і старіших пристроїв не можуть його відкрити.
- Стиснення
- З втратами або без втрат
- Прозорість
- Так
- Анімація
- Так
- Рік появи
- 2019 · Alliance for Open Media
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.