AVIF, HEIC и WebP: чем отличаются современные форматы фото

WebP — самый старый из трёх. Google представила его в сентябре 2010 года, через несколько месяцев после покупки On2 Technologies, чей видеокодек VP8 лёг в основу нового формата. Идея проста: статичный WebP — это по сути один ключевой кадр VP8 в небольшой оболочке RIFF. Первая версия работала только с потерями. За следующие три года появились режим без потерь, альфа-канал для прозрачности и анимация, поэтому один тип файла WebP может заменить JPG, PNG и GIF. Google по-прежнему описывает формат и библиотеку libwebp на сайте разработчиков WebP.

У HEIC другая история. HEIF (High Efficiency Image File Format) — стандарт контейнера, который Moving Picture Experts Group опубликовала в 2015 году как ISO/IEC 23008-12. Файл HEIF может содержать изображения, сжатые разными кодеками; если кодек — HEVC, он же H.265, файл называется HEIC. Apple сделала его форматом камеры по умолчанию в iOS 11 и macOS High Sierra в 2017 году, начиная с iPhone 7, и это решение почти мгновенно выпустило в мир миллиарды фото HEIC. Именно поэтому большинство людей вообще знакомится с этим форматом.

AVIF — самый новый. Alliance for Open Media, объединение, основанное в 2015 году Google, Mozilla, Microsoft, Amazon, Netflix, Cisco и Intel, выпустила бесплатный видеокодек AV1 в 2018 году и спецификацию изображений AVIF 1.0 в феврале 2019 года. Технически AVIF берёт контейнер HEIF и заменяет HEVC на AV1, так что AVIF и HEIC — родственники с разными «движками». Участники альянса хотели современный кодек без патентных отчислений, и Alliance for Open Media по-прежнему публикует спецификации AV1 и AVIF.

Все три формата произошли от видеокодеков, и это видно по тому, как они сжимают. Вместо фиксированных блоков 8 × 8 пикселей, как в JPG, они предсказывают каждую область по соседним пикселям, используют блоки разного размера и фильтруют границы после декодирования. В результате при низком качестве меньше блочных артефактов. Дальше всех заходит AVIF: при том же визуальном качестве он обычно даёт самый маленький файл, особенно на гладком небе, коже и градиентах, где JPG начинает давать полосы. Цена — время кодирования. AVIF может создаваться во много раз дольше, чем WebP из того же фото, что важно на телефоне или загруженном сервере.

По возможностям форматы ближе, чем кажется. Все три хранят прозрачность и имеют режим анимации, хотя анимированный HEIC на практике встречается редко. В сжатии без потерь выделяется WebP: этот режим разработан отдельно от режима с потерями и обычно превосходит PNG на скриншотах и графике. AVIF и HEIC теоретически тоже могут работать без потерь, но файлы получаются большими, а инструменты редко предлагают такой режим. Другое важное отличие — глубина цвета. WebP ограничен 8 битами на канал, HEIC и AVIF хранят 10-битный цвет, а AVIF поддерживает ещё 12 бит и HDR-изображения.

Лицензирование во многом объясняет картину поддержки. WebP и AV1 выпущены без роялти, поэтому производители браузеров могли добавлять их, ничего не платя. HEVC защищён патентами, которыми управляют несколько патентных пулов, поэтому Chrome, Firefox и Edge декодируют изображения HEVC, только если операционная система уже предоставляет лицензированный декодер. Для владельца сайта это решающее различие: формат, который видит каждый посетитель, лучше формата, который экономит ещё несколько килобайт, но половине посетителей не виден.

Разница в размере зависит от фото, кодировщика и настройки качества, поэтому любые цифры — ориентировочные. Для фото 1200 × 800 px при настройках, которые на экране ноутбука выглядят одинаково, JPG обычно весит около 150–200 KB, WebP — около 100–140 KB, а AVIF — около 60–100 KB. По собственным сравнениям Google, WebP с потерями на 25–34% меньше JPG, а Apple называет HEIC примерно вдвое меньше JPG для фото с камеры. Снимок iPhone в 12 Мп, который в JPG занял бы 3–4 MB, в HEIC обычно занимает 1,5–2,5 MB.

Графика ведёт себя иначе. Скриншот с однотонными цветами и текстом чаще всего меньше всего весит как WebP без потерь, затем идёт PNG, а AVIF почти ничего не выигрывает. На маленьких миниатюрах разница тоже сокращается, ведь в каждом формате есть несколько сотен байт служебных заголовков. Распространённые мифы ниже возникают из-за чтения результатов тестов без этого контекста.

В вебе с WebP и AVIF всё ясно. Chrome, Edge, Firefox и Safari показывают WebP; Safari присоединился последним — в версии 14 в 2020 году на macOS Big Sur и iOS 14. AVIF появился в Chrome 85 в 2020 году, Firefox 93 в 2021 году и Safari 16 в 2022 году, а Edge добавил его в начале 2024 года. Посетитель с актуальным браузером видит оба формата. AVIF не увидят только те, кто застрял на старых версиях Safari, например на iPhone, которые нельзя обновить выше iOS 15, и элемент <picture> позволяет отправить им запасной JPG.

С HEIC всё наоборот. Устройства Apple открывают его везде, а Safari 17 даже показывает его на веб-странице, но Chrome, Firefox и Edge не отображают HEIC в открытом вебе. В Windows 10 и 11 HEIC открывается в приложении «Фотографии», если установить из Microsoft Store «Расширения для изображений HEIF», а на многих ПК ещё и «Расширения для видео HEVC» — это платное дополнение. Современные версии Android умеют декодировать HEIF, но сторонние приложения и сайты ведут себя по-разному.

Программы для компьютера занимают промежуточное положение. Adobe Photoshop открывает WebP напрямую с версии 23.2 в 2022 году, и большинство современных просмотрщиков изображений работают с WebP. Поддержка AVIF и HEIC в редакторах, офисных пакетах и старых программах неравномерна, а многие формы загрузки по-прежнему проверяют .jpg, .jpeg или .png и отклоняют всё остальное. Панели ниже кратко описывают каждую платформу.

Для веба WebP — ответ по умолчанию, а AVIF — оптимизация сверху. Если сайт ваш, отдавайте AVIF браузерам, которые его принимают, а остальным — WebP или JPG; большинство CDN для изображений и фреймворков делают это автоматически. Если файл только один, надёжнее WebP: его показывают все современные браузеры, и он быстро кодируется. Для хранения на телефоне HEIC на iPhone трудно превзойти: камера записывает его сама, «Фото» его читает, и в то же место помещается примерно вдвое больше снимков.

Архивы, печать и документы тянут в другую сторону. Фотоархив должен читаться через двадцать лет без особых кодеков, поэтому лучше хранить оригиналы как они вышли из камеры и по необходимости добавлять копии в JPG. Фотолаборатории обычно просят JPG или TIFF, а государственные порталы, экзаменационные и сайты по поиску работы чаще всего принимают только JPG или PNG, иногда с ограничением размера в килобайтах. Во всех этих случаях практичный выход — конвертированная копия, а оригинал остаётся в вашей библиотеке.

Четыре типичные задачи ниже подводят итог. Выбирайте по тому, куда пойдёт файл, а не по тому, у какого формата лучшие результаты тестов.

Чаще всего конвертируют в одну сторону: из нового формата в JPG или PNG ради совместимости. Выбирайте JPG для фотографий и PNG, если на изображении есть прозрачность или чёткий текст, который должен остаться резким. Чтобы конвертировать AVIF в JPG, конвертер ставит Качество 90, потому что веб-файлы AVIF уже сильно сжаты, а параметр Прозрачные области в разделе Расширенные настройки определяет, чем заполняются полупрозрачные пиксели. Конвертер HEIC в JPG тоже начинает с 90 и удаляет данные о местоположении, пока вы не снимете галочку Удалить метаданные.

Для WebP страница WebP в JPG использует качество 85: при обычном размере результат выглядит так же, как исходник. Каждый конвертер принимает до 20 файлов за раз и до 95 MB на файл, не требует регистрации и удаляет загрузки и результаты через 30 минут после обработки. Подробные разборы как конвертировать HEIC в JPG и WebP в JPG: когда и зачем рассказывают о настройках телефона и особых случаях.

Обратное направление не менее полезно. Если у вас есть сайт, перевод фото из JPG в AVIF перед загрузкой обычно уменьшает их вес примерно вдвое. В таблице показано, для каких пар этих форматов на UltKit есть отдельная страница конвертера.

Каждая конвертация с потерями отбрасывает ещё немного деталей, поэтому конвертируйте копии, а не оригиналы. Храните файлы HEIC в библиотеке iPhone и экспортируйте JPG только для тех людей и программ, которым они нужны. То же касается HDR-фото: AVIF и HEIC могут хранить 10-битный цвет, а при переводе в 8-битный JPG яркие света сжимаются в стандартный диапазон. Для публикации это нормально, для дальнейшей правки — нет. Если изображение, возможно, придётся редактировать снова, сохраните оригинал или копию в PNG без потерь и работайте с ней.

Оригинал стоит оставить и тогда, когда новый формат уже принимается. Если конструктор сайтов, мессенджер или облачное хранилище берёт WebP или HEIC напрямую, конвертация лишь добавляет шаг и увеличивает файл. Конвертируйте в последний момент — при загрузке, отправке или печати: так вы получите совместимость и не станете постепенно портить свою библиотеку.