Как пользоваться
- Вставьте строку Base64 или URI data:image/avif;base64.
- Проверьте предпросмотр, определённый формат и размеры.
- Чтобы сохранить AVIF без изменений, выберите «Оригинал». Чтобы преобразовать другой формат, оставьте выбранным AVIF; если ваш браузер не умеет кодировать AVIF, этот вариант недоступен.
- Скачайте файл .avif.
Как выглядят данные AVIF
AVIF хранит изображение, сжатое видеокодеком AV1, в контейнере HEIF — той же структуре ISO Base Media File Format, которая используется в MP4. Короткой фиксированной сигнатуры, как у PNG, здесь нет. Вместо этого файл открывается блоком ftyp, в котором указан бренд avif, а для анимированных последовательностей — avis. В Base64 это обычно означает, что строка начинается с AAAA, а через несколько символов содержит eXBhdmlm. Инструмент читает сам блок, поэтому может отличить AVIF от HEIC, который использует тот же контейнер с другим брендом. Тип MIME — image/avif.
Преобразование в AVIF зависит от браузера
Актуальные версии Chrome, Edge, Firefox и Safari показывают AVIF, поэтому предпросмотр и сохранение исходного файла работают практически везде. С созданием новых файлов AVIF всё иначе. Для преобразования используется кодировщик, встроенный в браузер, и не каждый браузер может создать AVIF из холста. Инструмент проверяет, умеет ли это ваш браузер. Если он не может кодировать AVIF, этот вариант недоступен, и ближайшей альтернативой будет WebP. Также можно скачать PNG и закодировать его специальной программой, например avifenc из libavif.
Когда AVIF оправдан
AVIF часто превосходит JPEG и WebP по размеру файла при том же визуальном качестве, особенно на фотографиях, и поддерживает прозрачность, высокую глубину цвета и HDR. Кодирование происходит медленнее, а некоторые старые графические редакторы и операционные системы до сих пор не умеют открывать такие файлы. Для очень маленьких изображений, например значков, накладные расходы контейнера могут свести выигрыш на нет, и PNG или WebP окажутся меньше. На сайтах отдавайте AVIF вместе с запасным вариантом, чтобы изображение увидел каждый посетитель:
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="Description">
</picture>Часто задаваемые вопросы
Почему вариант AVIF для скачивания недоступен?
Ваш браузер умеет показывать AVIF, но не может кодировать его из холста. Попробуйте другой актуальный браузер, выберите вместо этого WebP или скачайте PNG и преобразуйте его настольным кодировщиком.
Почему для моего AVIF не отображается предпросмотр?
Старый браузер или операционная система могут не уметь декодировать AVIF. Кроме того, данные могут оказаться в формате HEIC, который выглядит похоже, но использует другой бренд; определённый формат подскажет, какой из них перед вами. Скачивание в варианте «Оригинал» работает в любом случае.
AVIF всегда меньше WebP?
Часто, но не всегда. Результат зависит от изображения и настроек кодировщика, поэтому сравните размеры скачанных файлов.