Формат avif изображения чем открыть

Три малоизвестных факта об AVIF

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

Несомненно то, что использование AVIF позволяет эффективно сжимать изображения, что помогает сокращать объёмы данных, передаваемые от серверов к клиентским системам. AVIF-изображения, при этом, хорошо выглядят. Но, прежде чем принимать решение о полном переходе на AVIF, стоит знать о некоторых особенностях этого формата, которым и посвящён этот материал.

1. Для хранения изображений, имеющих маленькие размеры в пикселях, лучше всего подходит формат WebP

Есть одно интересное наблюдение, в соответствии с которым WebP-кодирование изображений, имеющих маленькие размеры в пикселях, позволяет добиться лучших результатов, чем перевод таких же изображений в формат AVIF.

Вероятно, это вполне поддаётся объяснению, а систему кодирования изображений можно настроить так, чтобы решить эту проблему. Но большинство тех, кто пользуется AVIF, не станет заниматься чем-то подобным. Эти люди, вероятно, просто воспользуются возможностями оптимизаторов изображений, вроде squoosh.app, или функциями CDN, ориентированных на работу с изображениями, вроде ImageEngine. На следующем графике приведено сравнение размеров AVIF-изображений, получаемых средствами двух вышеупомянутых сервисов, с размерами оптимизированных WebP-изображений.

Зависимость эффективности сжатий изображений от их размера в пикселях

Видно, что обычно байтовые размеры WebP-изображений оказываются больше размеров AVIF-изображений. На изображениях, имеющих большие пиксельные размеры, AVIF показывает себя лучше, при этом с большими изображениями ImageEngine работает значительно эффективнее, чем squoosh.app.

А теперь обратим внимание на одну примечательную деталь, видную в начале графиков. На изображениях размером примерно 100×100 пикселей squoosh.app работает лучше ImageEngine, а затем, на изображениях размером примерно 80×80 пикселей, как и на изображениях меньшего размера, первенство оказывается за WebP.

Этот тест показывает сравнительно однородные результаты на изображениях разных типов. В данном случае использовалось это изображение с Picsum.

2. Формат AVIF, возможно, не очень хорошо подходит для хранения высокоэнтропийных изображений товаров

Обычно на веб-страницах, представляющих собой карточки товаров, имеются изображения этих товаров. Если посетитель страницы наводит на такое изображение указатель мыши, или если щёлкает по нему, изображение увеличивается, позволяя посетителю рассмотреть мелкие особенности товара.

Стоит сказать о том, что использование AVIF в определённых ситуациях приводит к снижению количества различимых деталей, или воспринимаемой резкости увеличенных изображений. Особенно это заметно на типичных фотоснимках товаров, где фон размыт, или, другими словами, отличается низкой энтропией, а передний план, то есть — изображение самого товара, содержит больше деталей, и, возможно, имеет более высокую энтропию.

Ниже показан увеличенный фрагмент фотографии товара (вот — её полные JPEG — и AVIF-варианты), на котором чётко видна разница между обычным оптимизированным JPEG-изображением и AVIF-изображением, оптимизированным с помощью squoosh.app.

Сравнение JPEG и AVIF

AVIF-файл гораздо меньше JPEG-файла, но в данном случае компромисс между визуальным качеством изображения и меньшим размером файла зашёл слишком далеко. На разных изображениях этот эффект проявляется неодинаково. Поэтому в системах автоматизированной обработки изображений (например — изображений для веб-проектов, построенных с использованием принципов отзывчивого дизайна) сложно заранее оценить уровень его воздействия на качество изображений и принять соответствующие меры.

Более того, AVIF, в отличие от JPEG, не поддерживает прогрессивный рендеринг изображений. При создании типичной страницы товара прогрессивный рендеринг может стать важнейшим механизмом по улучшению ключевых показателей производительности страниц. Например, это нечто вроде показателя Largest Contentful Paint (LCP, время отображения наибольшего элемента страницы) и других метрик Core Web Vitals. Даже если на загрузку JPEG-версии изображения требуется немного больше времени, что объясняется тем, что JPEG-файл больше AVIF-файла, JPEG-файл, скорее всего, начнёт рендериться раньше, чем AVIF-файл. Понаблюдать за подобным поведением изображений разных форматов можно в этом видео.

3. Формат JPEG 2000 — это сильный конкурент AVIF

Главной сильной стороной AVIF называют чрезвычайно маленький размер файлов при приемлемом визуальном качестве изображений. В ранних публикациях об AVIF и в отчётах об исследованиях этого формата основное внимание уделялось именно этому моменту. Но в некоторых случаях те же задачи, для решения которых применяют AVIF, можно более эффективно решить, прибегнув к формату JPEG 2000 (JP2). JPEG 2000 — это сравнительно старый формат, он не привлекает к себе столько же внимания, сколько AVIF, даже учитывая то, что его уже поддерживает компания Apple.

Для того чтобы на практике разобраться в том, о чём идёт речь, давайте посмотрим на этого очаровательного щенка. Размер файла AVIF-версии изображения, созданный средствами squoosh.app с применением стандартных настроек, имеет размер 27,9 Кб. Преобразование того же изображения в формат JPEG 2000 средствами ImageEngine даёт файл размером 26,7 Кб. Разница небольшая, но достаточная для демонстрации возможностей JPEG 2000.

А как насчёт визуального качества изображений? Для сравнения как-либо обработанных версий изображений с их оригиналами часто используется оценка их структурных различий (DSSIM, Structural Dissimilarity). При расчёте показателя DSSIM исходное изображение сравнивается с его вариантом, преобразованным в другой формат. Чем ниже этот показатель — тем выше качество нового изображения. Инструмент для вычисления показателя DSSIM, ссылка на который дана выше, работает с PNG-файлами. Для проведения сравнения файлы форматов JPEG 2000 и AVIF без потерь преобразовали в формат PNG. Результаты эксперимента обобщены в следующей таблице.

AVIF отличается немного лучшим показателем DSSIM, но разница в качестве изображений практически незаметна.

Слева направо: исходное JPEG-изображение, AVIF-изображение, JPEG 2000-изображение

Итоги

Главный вывод, который мы можем сделать, заключается в том, что формат AVIF вряд ли стоит считать «решением всех проблем», или тем самым графическим форматом, с появлением которого другие отошли на второй план. Во-первых, сейчас — самое начало разработки средств кодирования и декодирования для этого формата. Кроме того, использование нового формата означает и необходимость решения новых задач. Как справедливо отмечено в этом материале, использование более 3-х версий изображений на веб-странице приводит к определённым сложностям в том случае, если весь процесс подготовки изображений (изменение размеров, сжатие, преобразование, выбор, доставка) не является полностью автоматизированным.

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

Конечно, использование отзывчивых изображений и включение в список графических ресурсов, создаваемых заранее, файлов формата AVIF, лучше, чем полное игнорирование этого формата. Но и тут может возникнуть проблема, которая заключается в том, что браузер может выбрать формат AVIF в том случае, если этот формат поддерживается, не учитывая при этом ничего другого.

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

Пользуетесь ли вы графическим форматом AVIF?

Источник

Обзор формата изображений AVIF: преимущества, сравнение с JPG, польза для SEO

Сегодня я хочу познакомить вас с AVIF — современным суперсжатым форматом изображений, который считается одним из самых легких и наиболее оптимизированных. По соотношению качества изображения и размера сжатого файла компания Netflix считает его лучше JPEG, PNG и даже нового WebP.

Что это такое — восходящая технология, которую стоить внедрять на свои сайты, или сиюминутный тренд? Давайте разбираться.

Что такое AVIF

AVIF (AV1 Still Image File Format) стал использоваться зимой 2019 года одновременно с открытым видеокодеком AOMedia Video 1 (AV1), предназначенным для потокового интернет-видео. Собственно, AVIF использует сжатие на основе библиотеки этого кодека. Он хранит данные файлов в формате HEIF и сжимает последовательности изображений с помощью AV1.

Одной из первых компаний, использующих AVIF, стала Netflix. После нее этот формат стали поддерживать браузеры Chrome и Firefox, а также разработки таких компаний, как VLC и Microsoft.

История появления AVIF

AV1 был разработан в 2015 году. Разработчиком считается компания Alliance for Open Media (в сотрудничестве с Google, Cisco и Xiph.org). Целью было создать формат изображений с открытым исходным кодом и отсутствием лицензионных отчислений. Например, есть такой формат, как JPEG XR — он очень слабо сжимается, зато требует дорогостоящего лицензирования. Разработчики объединили возможности собственных видеокодеков (VPX, Thor и Daala) и создали AV1 — открытый и бесплатный (да, за кодеки тоже надо платить) аналог всех коммерческих кодеков.

Технические характеристики AVIF

Расширение

Категория

Растровые изображения (raster image)

Связанные программы

Windows File Explorer

Браузеры, которые поддерживают формат

Google Chrome, Mozilla Firefox

Официальный сайт

Преимущества AV1

AVIF предлагает значительное уменьшение размера изображения. Экономия достигает

Chrome, у которого самая большая доля рынка, поддерживает AVIF по умолчанию.

Теперь давайте расскажу вам, зачем AVIF стоит внедрять на свой сайт:

В принципе, ключевые преимущества AVIF — быстрая загрузка за счет уменьшения размера файла и снижение нагрузки на сервер.

Как внедрить AVIF на ваш сайт?

Внедрять AVIF на сервер желательно прогрессивным методом. Т.е. если браузер поддерживает AVIF, то будет показываться AVIF. Если этот формат не поддерживается, то подключается WebP. Если не поддерживается ни то, ни другое, выводится «стандартный» JPG.

Это делается с помощью имплементации автоматической пакетной обработки на сервере. Как это можно сделать на веб-сервере Nginx, вы можете узнать в инструкции по данной ссылке.

Для такой задачи вам понадобится технический специалист.

Пример внедрения в HTML с помощью тега picture:

Такой код гарантирует, что браузер будет загружать первый формат, который поддерживает. Если тег picture не поддерживается, то по умолчанию указан img.

Можно воспользоваться конвертером изображений

Есть нет возможности со стороны сервера имплементировать сборку, а на сайте еще мало контента, можно пользоваться конвертером. Например, Squoosh от Google.

Если вы уже использовали этот сервис ранее, но у вас не появился выбор AVIF, нужно с помощью ctrl+f5 обновить страницу и сбросить кэш.

Одной интересной особенностью сервиса (кроме того, что он бесплатный) является наблюдение за процессом изменения картинки.

AV1 для SEO

Насколько использование Авиф помогает SEO? Что ж, если вы хоть немного разбираетесь в SEO-продвижении, то поймете, что на этот вопрос я уже ответила 🙂

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

Минусы Avif

Я говорила только положительные вещи об этом формате. Теперь давайте разберемся и с негативными моментами. К ним относятся:

AVIF против JPG

Как вы уже поняли из статьи, AVIF сжимает изображения лучше, чем JPG. Зато JPG является прогрессивным.

Из этого следует важное правило: для больших файлов используйте JPG, для маленьких — AVIF.

Зато AVIF и видеокодек, на котором он основан, входят в список аппаратно ускоряемых форматов. Такие форматы использует Nvidia, так что в будущем ускорение появится и на мобильных устройствах.

Вывод

Источник

Расширение файла AVIF

AV1 Image Format Format

Что такое файл AVIF?

Программы, которые поддерживают AVIF расширение файла

Следующий список содержит программы, сгруппированные по 3 операционным системам, которые поддерживают AVIF файлы. AVIF файлы можно встретить на всех системных платформах, включая мобильные, но нет гарантии, что каждый из них будет должным образом поддерживать такие файлы.

Программы, обслуживающие файл AVIF

Как открыть файл AVIF?

Отсутствие возможности открывать файлы с расширением AVIF может иметь различное происхождение. К счастью, наиболее распространенные проблемы с файлами AVIF могут быть решены без глубоких знаний в области ИТ, а главное, за считанные минуты. Ниже приведен список рекомендаций, которые помогут вам выявить и решить проблемы, связанные с файлами.

Шаг 1. Скачайте и установите Google Chrome

Шаг 2. Проверьте версию Google Chrome и обновите при необходимости

Если проблемы с открытием файлов AVIF по-прежнему возникают даже после установки Google Chrome, возможно, у вас устаревшая версия программного обеспечения. Проверьте веб-сайт разработчика, доступна ли более новая версия Google Chrome. Разработчики программного обеспечения могут реализовать поддержку более современных форматов файлов в обновленных версиях своих продуктов. Если у вас установлена более старая версия Google Chrome, она может не поддерживать формат AVIF. Последняя версия Google Chrome должна поддерживать все форматы файлов, которые совместимы со старыми версиями программного обеспечения.

Шаг 3. Назначьте Google Chrome для AVIF файлов

Если у вас установлена последняя версия Google Chrome и проблема сохраняется, выберите ее в качестве программы по умолчанию, которая будет использоваться для управления AVIF на вашем устройстве. Метод довольно прост и мало меняется в разных операционных системах.

Изменить приложение по умолчанию в Windows

Изменить приложение по умолчанию в Mac OS

Шаг 4. Убедитесь, что AVIF не неисправен

Если проблема по-прежнему возникает после выполнения шагов 1-3, проверьте, является ли файл AVIF действительным. Вероятно, файл поврежден и, следовательно, недоступен.

Если файл заражен, вредоносная программа, находящаяся в файле AVIF, препятствует попыткам открыть его. Сканируйте файл AVIF и ваш компьютер на наличие вредоносных программ или вирусов. Если сканер обнаружил, что файл AVIF небезопасен, действуйте в соответствии с инструкциями антивирусной программы для нейтрализации угрозы.

2. Проверьте, не поврежден ли файл

Вы получили AVIF файл от другого человека? Попросите его / ее отправить еще раз. В процессе копирования файла могут возникнуть ошибки, делающие файл неполным или поврежденным. Это может быть источником проблем с файлом. При загрузке файла с расширением AVIF из Интернета может произойти ошибка, приводящая к неполному файлу. Попробуйте загрузить файл еще раз.

3. Проверьте, есть ли у пользователя, вошедшего в систему, права администратора.

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

4. Проверьте, может ли ваша система обрабатывать Google Chrome

Если в системе недостаточно ресурсов для открытия файлов AVIF, попробуйте закрыть все запущенные в данный момент приложения и повторите попытку.

5. Убедитесь, что у вас установлены последние версии драйверов, системных обновлений и исправлений

Современная система и драйверы не только делают ваш компьютер более безопасным, но также могут решить проблемы с файлом AV1 Image Format Format. Возможно, что одно из доступных обновлений системы или драйверов может решить проблемы с файлами AVIF, влияющими на более старые версии данного программного обеспечения.

Вы хотите помочь?

Если у Вас есть дополнительная информация о расширение файла AVIF мы будем признательны, если Вы поделитесь ею с пользователями нашего сайта. Воспользуйтесь формуляром, находящимся здесь и отправьте нам свою информацию о файле AVIF.

Источник

Chrome уже поддерживает.

Сжимает на 50% лучше, чем JPG. Что за формат? Какие плюсы и минусы? Как внедрить?

Разберемся с вопросом далее.

AVIF — формат для изображений в интернете

Что произошло? На различные видеокодеки есть авторские права. Такие права предусматривают использования кодеков на платной основе. К примеру, с 1 устройства — 1 доллар. Такой подход не устраивал крупные корпорации. Итого был создан альянс, в который вошли такие компании как Apple, Intel, Google, Microsoft, Arm, AMD, Nvidia, Amazon, Facebook, Cisco, Netflix, Mozilla.

В результате альянс Alliance for Open Media создал формат AOMedia Video 1, или кратко — AV1. Применяемые технологии решили использовать и для изображений. Так появился формат AV1 Still Image File, или коротко — AVIF. Данный формат изображений является свободным форматом сжатия изображений с потерями качества, основанный на библиотеке для сжатия кадров AV1.

Спецификация AVIF получила версию 1.0.

Чем AVIF лучше других форматов? Преимущества по сжатию такие:

Пример данных, полученных на основе тестирования — AVIF test.

В обновленном браузере Chrome формат AVIF уже по умолчанию поддерживается. Оптимизацию можно делать уже сейчас.

Какие браузеры поддерживают формат AVIF? Список браузеров, который поддерживают формат — AVIF. Пока только Chrome. Но доля на рынке у браузера самая большая, а также поддержка появится в Firefox.

Зачем внедрять AVIF? Цели:

Как внедрить на сайте?

Вариантов по внедрению множество.

Способ 1. Наилучшее решение заключается в настройках веб-сервера. В таком варианте нет надобности даже менять верстку на страницах сайта. Разметка на сайте не изменяется.

Как вариант, пример встройки изображения:

При правильной конфигурации сервера данный участок на сайте изменять не надо.

Также внедрять следует используя прогрессивный метод. Что конкретно имеется ввиду? Принцип действия:

Внедрением подобных решений занимаются технические специалисты. Задача оптимизатора заключается в правильной постановке цели.

Способ 2. Использовать тег picture. Пример:

При использовании такой разметки браузер загрузит первое изображение, которое поддерживает. Если браузер не поддерживает picture, то указан img по умолчанию.

Что делать, есть нет возможности для имплементации решения на стороне сервера?

Способ 3. Если контента на сайте мало, есть вариант использовать конвертер изображений.

Теперь Squoosh поддерживает и формат AVIF. Инструмент предоставляет возможность оптимизации изображений. Разработкой занимался Google.

На сайте применяется сервис-воркер. Если раньше использовали сервис, и при выборе нет AVIF, то обновите через ctrl+f5 со сбросом кеша.

Также инструмент позволяет наблюдать за процессом изменения графики. Сервис бесплатный.

Кстати в MegaIndex есть бесплатный инструмент, применяя который можно провести аудит сайта по другим параметрам.

Пример отчета далее:

Рекомендованный материал в блоге MegaIndex по ускорению загрузки изображений ссылке — Появился новый атрибут тега img, который позволяет ускорить загрузку сайта. Пример реализации.

Выводы

AVIF — замена WebP, JPG и PNG. Формат использует технология для сжатия нового кодека AV1 и контейнер HEIF с поддержкой анимации, live фото. Доступны анимация и прозрачность. Если использовать AV1 AVIF-файлы, то изображения будут меньше в 2 раза в сравнении с JPG, и на 30% в сравнении с WEBP.

Преимущества с точки зрения экономики. Снижение экономических затрат за счет:

Какие минусы? Такие:

AVIF или JPG? Лучше AVIF, но у формата JPG есть преимущество. Формат JPG является прогрессивным. Приходят данные — отрисовывает. Приходят новые — обновляет, улучшая картинку. Так данных больше, значит эффективность восприятия лучше. Иными словами говоря, JPG дублирует информацию, менее эффективно укладывает графику. Но дает более эффективное восприятие графики в результате.

Отсюда, важный нюанс в логике. Если изображение большое, то следует использовать формат JPG.

Предлагаю такой сценарий использования:

Остались ли у вас вопросы, замечания или комментарии по теме использования формата AVIF? Напишите в комментариях.

Источник

Обзор нового графического формата AVIF

Постоянно растущие потребности в качественном видео и графическом контенте пользователей интернета стимулируют крупные IT-компании на создание новых расширений файлов и кодеков. Задача разработчиков – создать формат, который бы без существенных потерь качества изображения занимал меньше места на дисковом пространстве, при этом потреблял меньше аппаратных ресурсов при открытии.

AVIF – новое расширение графических файлов, которое претендует на лидерство среди ныне используемых.

Особенности AVIF

Формат AVIF основан на библиотеках сжатия видеокадров AV1, которые имеют статус открытых и распространяются бесплатно. Разработчиком этого стандарта является «Альянс за открытые медиа», в состав которого входят отраслевые гиганты: Google, Apple, Intel, Microsoft, Netflix, Mozilla.

Как показали исследования, AVIF на 50% лучше сжимает изображения с минимальными потерями качества, чем JPEG и на 20% по сравнению с WebP. Но несмотря на внушительные результаты и выпуск в 2018 году, формат только начинает внедряться и по умолчанию поддерживается штатными программными инструментами для работы с графическими файлами в ОС Windows 10 и браузерами Google Chrome и Mozilla Firefox. Поэтому если пользуетесь более ранней операционной системой от Microsoft или дистрибутивом Linux, без стороннего софта открыть AVIF не выйдет.

Если не знаете, чем открыть AVIF, воспользуйтесь возможностями Фотоконвертера. Это программное обеспечение способно не только просматривать содержимое файла, но и осуществлять его конвертирование в любой поддерживаемый формат.

Преимущества использования AVIF

Графический файловый формат AVIF поддерживает:

Внедрение AVIF на сайтах дает следующие преимущества:

Недостатки нового расширения:

AVIF – отличная альтернатива проприетарному JPEG, который выигрывает только возможностью прогрессивного сжатия. Но из-за того, что новый формат еще не распространен и активно внедряется только Netflix, тяжело понять его реальные преимущества. К тому же при работе с AVIF нужно быть осторожным с большими файлами. Формат плохо работает, если изображение сохранялось без сжатия.

В любом случае, если довелось встереться с AVIF и не получилось открыть его – всегда можно воспользоваться Фотоконвертером.

Онлайн конвертация

Некоторые возможности Фотоконвертера можно попробовать онлайн. Выберите файлы или ZIP архивы для конвертации:

Интерфейс командной строки

Профессиональные пользователи могут использовать командную строку для конвертации и редактирования в ручном или автоматическом режиме. За дополнительными консультациями по использованию cmd интерфейса обращайтесь в службу поддержки пользователей.

Источник