Конвертер GIF в AVIF
Анимированный AVIF воспроизводится в теге img как GIF, но сжимается видеокодеком AV1, поэтому та же зацикленная анимация весит на странице лишь малую долю прежнего объема.
Видеоконвертер
или перетащите сюда файлы MP4, MOV, MKV … ·
Макс. 95 MB на файл· До 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 цветов на кадр, поэтому на фотографиях и градиентах видны полосы и дизеринг. Он поддерживает только двухуровневую (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 в теге img так же, как GIF: без элементов управления и без звука. Выберите «Воспроизвести один раз», если вступительная анимация должна остановиться на последнем кадре.
Почему 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, и битого изображения не будет.
