AVIF - современный формат изображений для веб-сайтов.

Формат изображения AVIF для веб-сайтов повышает SEO, скорость загрузки страниц и пользовательский опыт.

Matthias Petri
Опубликовано:

Менее 0,1 процента всех веб-сайтов используют формат AVIF и пользуются лучшим способом для изображений для заметного улучшения скорости загрузки сайта, пользовательского опыта и онлайн-видимости в Google. Все другие владельцы веб-сайтов еще не использовали потенциал, который предлагает формат AVIF для изображений. Эта статья должна устранить это и вдохновить вас серьезно изучить формат AVIF и, в лучшем случае, также использовать его для изображений на вашем веб-сайте.

Вы уже тестировали URL своего веб-сайта в Google PageSpeed Insights, чтобы узнать, какова производительность вашего сайта? Если нет, сделайте это прямо сейчас с вашим собственным веб-сайтом.

Думаю, вы пока не видите этого значения на вашем веб-сайте, верно?

Результаты PageSpeed Insights для TutKit - настольный компьютер

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

PageSpeed-Insights рекомендует использовать AVIF

Это одна из причин, почему вы пока не достигаете максимальных результатов с вашим веб-сайтом на PageSpeed Insights и, возможно, не проходите требования Core Web Vitals.

Изображения как на нашем сайте агентства 4eck-media.de, так и здесь на TutKit.com загружаются в формате AVIF – очень быстро, очень компактно и с убедительным качеством. И формат AVIF помогает нам достичь наивысшей скорости загрузки.

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

Содержание статьи про AVIF:

    Что такое формат изображения AVIF?

    AVIF – это новый формат изображений, который был выпущен в 2020 году Альянсом открытых медиа (AOMedia). Он основан на алгоритме сжатия без потерь AV1 и предлагает ряд преимуществ по сравнению с другими популярными форматами изображений, такими как JPEG и PNG, а также веб-форматом WebP.

    Изображения AVIF значительно меньше по размеру по сравнению с изображениями в формате JPEG при одинаковом качестве изображения. Это происходит потому, что AV1 предлагает гораздо более эффективное сжатие. Таким образом, изображение в формате AVIF с тем же качеством изображения, что и изображение в формате JPEG, часто может быть на 50% меньше по размеру.

    Изображения AVIF также предлагают более высокую глубину цвета по сравнению с изображениями JPEG. Так, изображения AVIF могут сохранять до 12 битов глубины цвета, в то время как изображения JPEG поддерживают только 8 битов глубины цвета. Это приводит к богатству цветов и более реалистичным цветам на изображениях в формате AVIF.

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

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

    Вот некоторые из преимуществ AVIF по сравнению с другими популярными форматами изображений:

    • Лучшие показатели сжатия: Изображения AVIF значительно меньше, чем изображения в форматах JPEG и PNG при одинаковом качестве изображения.
    • Большая глубина цвета: Изображения AVIF поддерживают до 12 битов глубины цвета, в то время как изображения JPEG и PNG поддерживают только 8 битов глубины цвета.
    • Поддержка альфа-каналов: Изображения AVIF могут сохранить прозрачность, заменяя таким образом PNG- или WebP-изображения на веб-сайтах.
    • Формат с открытым кодом: AVIF – это формат с открытым кодом, который поддерживается множеством программного и аппаратного обеспечения.
    • AVIF – убедительный формат изображения для веб-сайтов, который предлагает множество преимуществ по сравнению с другими популярными форматами (включая WebP).

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

    Поэтому стоит начать рано внедрять в свой веб-сайт, чтобы уже сейчас воспользоваться преимуществами для SEO, скорости загрузки и пользовательского опыта.

    Почему формат AVIF приносит преимущества для SEO, скорости загрузки и пользовательского опыта?

    Наибольшее преимущество станет заметным, когда мы сравним изображения для просмотра. В качестве примера я сгенерировал изображение Clownfish Swarm от Midjourney с разрешением 1024x1024 в формате PNG.

    • Оригинал-PNG: 1,43 МБ
    • Оптимизировано с помощью TinyPNG: 393 КБ - сэкономлено 73 %
    Улучшение PNG-графики с помощью TinyJPG

    Затем я конвертировал оригинальный файл PNG с помощью squoosh.app, и результат был следующим:

    • Оптимизировано с помощью Squoosh в формате WebP: 84 кб - сэкономлено 94 процента
    • Оптимизировано с помощью Squoosh в формате AVIF: 42 кб - сэкономлено 97 процентов
    Сравнение сжатия WebP и AVIF через Squoosh

    При этом AVIF-изображение при том же оптическом качестве оказалось вдвое меньше, чем WebP-изображение. Во многих других тестах показано, что артефакты сжатия, которые появляются при слишком высокой степени сжатия в файлах JPG, начинают быть заметными только тогда, когда качество снижается до уровня 30 или даже 20 и ниже. При качестве 30 текстовые компоненты в растровых изображениях остаются четкими без артефактов сжатия.

    Такие экономии на изображениях для вебсайтов с большим количеством изображений нельзя недооценивать.

    AVIF для улучшения SEO-показателей, PageSpeed ​​и пользовательского опыта

    Google уже в 2021 году повысил важные основные показатели сайта (Core Web Vitals) до фактора ранжирования. К ним относится, например, скорость загрузки - то, как быстро для вашего пользователя загружается основное содержимое. Google устанавливает хорошее значение времени до 2,5 секунд, к которым владельцы веб-сайтов должны стремиться для своих пользователей.

    Большие изображения вызывают более длительные времена загрузки. Когда Core Web Vitals не соответствуют требованиям.

    Кроме того, есть еще вторая проблема. Если крупные изображения, основанные, например, на PNG или JPEG, размещаются на веб-сайте, может случиться, что текстовое содержимое уже загружено, а изображение загружается медленно. Это может привести к так называемым накопительным сдвигам макета, то есть небольшим смещениям, вызванным появлением изображения, толкающим нижние области веб-сайта вниз, где они должны находиться. Google не любит такие накопительные сдвиги макета и определяет их как ошибки CLS, что приводит к несоответствию Core Web Vitals, таким образом подчеркивая необходимость что-то сделать для посетителей сайта.

    Таким образом, вы можете сделать что-то для улучшения пользовательского опыта, PageSpeed ​​и технического качества вашего веб-сайта, что положительно скажется на вашей онлайн-видимости.

    Поддержка AVIF-изображений в браузерах

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

    У AVIF-изображения действительно важно, поддерживают ли популярные браузеры этот формат на данный момент. Сайт caniuse.com дает вам об этом информацию: https://caniuse.com/avif

    Поддержка AVIF браузерами.
    Скриншот: https://caniuse.com/avif

    Почти 85 процентов в глобальном использовании браузеров уже поддерживают AVIF. В Германии на 2 сентября это уже 80,33 % ... ну, что еще добавить - в Германии все так, где до сих пор сеть мобильной связи оставляет желать лучшего, и многие районы продолжают страдать от медленного интернета (включая мой регион: если в офисе у меня гигабит, то дома я получаю всего 9 Мбит/с).

    Таким образом, вы видите, что AVIF уже давно поддерживается в основных браузерах.

    Сколько веб-сайтов уже используют формат AVIF?

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

    Использование формата AVIF на веб-сайтах
    Скриншоты из https://w3techs.com/

    Процент веб-сайтов, использующих (на сентябрь 2023 года): 

    • PNG: 82,1%
    • JPEG: 78 %
    • SVG: 55,2 %
    • GIF: 21,7 %
    • WebP: 9,2 %
    • ICO и BMP: по 0,2 % каждый
    • AVIF: 0,1 % (округленно)

    В настоящее время менее 0,07 процента всех веб-сайтов используют формат AVIF. Whaaat? Это действительно смешно мало. Но, эй, это шанс для вас стать технологическим лидером в использовании современных форматов изображений. Как видно на кривой справа на изображении, использование увеличивается каждый месяц … пока что в долях процента. Предполагается, что это скоро ускорится.

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

    AVIF против WebP - что лучше для вашего веб-сайта?

    Давайте сделаем еще один прямой тест для наглядности. Изображение справа в верхней части TutKit.com до конвертации в формат AVIF в формат PNG имело размер более 600 КБ из-за прозрачностей.

    TutKit в области заголовка

    Теперь оно выводится системой как файл WebP с размером 159 КБ (наш запасной вариант!). Даже если его оптимизировать с помощью инструмента, например, TINYPNG, который также сжимает файлы в формате WebP, размер остается 128 КБ. В конечном итоге было уменьшено на 20 процентов.

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

    Почему стоит выбрать AVIF вместо WebP?

    • AVIF может сохранять прозрачность и при более высокой компрессии и меньшем размере файла все еще обеспечивать лучшее качество изображения.
    • Поддержка AVIF уже составляет почти 85 % и предоставляется во всех популярных браузерах. Тенденция к дальнейшему росту.
    • Благодаря AVIF ваш веб-сайт будет загружаться быстрее по сравнению с WebP. Это особенно актуально для веб-сайтов с большим количеством изображений, таких как интернет-магазины с категорийными страницами, где размещено большое количество изображений продуктов, а также для веб-сайтов, где изображения должны отображаться в высоком качестве (портфолио, ссылки и т. д.), что обеспечивает высокое визуальное качество при низком размере файла.

    Еще одним подтверждением в пользу AVIF является то, что caniuse.com прямо на странице WebP пишет: „AVIF и JPEG XL предназначены для замены формата WebP.“ AVIF и JPEG XL должны заменить WebP. 

    Поддержка браузера WebP
    Скриншот: https://caniuse.com/webp

    Прежде чем вы зададетесь вопросом, не ошибаетесь ли, используя AVIF, потому что JPEG XL, вероятно, тоже участвует в гонке, я могу вас сразу успокоить. Совместимость с браузерами у JPEG XL практически отсутствует с 0,08 процента.

    Поддержка JPEG-XL в браузерах
    Скриншот: https://caniuse.com/jpegxl

    В Squoosh вы уже можете конвертировать изображения в формат JPEG XL, и у него практически такие же значения как у WebP (см. изображение ниже). 

    AVIF остается лидером среди форматов. Не упустите возможность в ближайшее время воспользоваться всеми преимуществами для ваших веб-сайтов!

    Squoosh.app - лучший инструмент для конвертации JPG, PNG, WebP в AVIF

    Раньше в команде мы использовали онлайн-инструмент TinyJPG или TinyPNG для оптимизации изображений JPG, PNG или WebP для использования на веб-сайтах, и теперь я большой поклонник Squoosh от Google. 

    Squoosh - это бесплатный конвертер изображений, разработанный Google. Этот инструмент работает как онлайн-сервис, так и локально на вашем компьютере или сервере (node.js!). Он может конвертировать изображения в различные форматы, включая JPEG, PNG, GIF и WebP. И лучшее в том, что он также конвертирует ваши изображения в формат AVIF.

    Squoosh.app - конвертер изображений от Google для AVIF.

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

    Просто перетащите изображение и укажите нужный формат. Несколько кликов, и ваше изображение готово к конвертации и оптимизации.

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

    Сравнение сжатия Squoosh
    При прямом сравнении AVIF и JPEG XL снова побеждает однозначно AVIF

    Используйте Squoosh для ухода за контентом и веб-разработки, чтобы уменьшить размер ваших изображений благодаря современным веб-форматам, таким как WebP или AVIF, и улучшить время загрузки ваших сайтов. Вы также можете уменьшить размер ваших файлов JPG - подобно TinyJPG - если вы, например, хотите их загрузить в социальных сетях. Преимущество по сравнению с TinyJPG заключается в том, что у вас полный контроль над сжатием и вы можете экспериментировать с различными настройками оптимизации, чтобы достичь лучшего качества при наименьшем размере.

    Вот некоторые преимущества Squoosh:

    • Поддерживает множество форматов изображений, в которые можно преобразовать 
    • Использует множество техник для уменьшения размера изображения.
    • Позволяет предварительный просмотр сжатых изображений
    • Предоставляет набор настроек оптимизации
    • Инструмент бесплатен и прост в использовании.

    Записка к наилучшим характеристикам: в настоящее время Squoosh может обрабатывать только одно изображение за раз и не поддерживает пакетную обработку. Надеюсь, что эта функция появится позже.

    Пакетное преобразование на стороне сервера в PHP-фреймворках изображений из JPG и PNG в AVIF и WebP

    Мы сами конвертировали на TutKit.com наши изображения, которые были встроены в портал как файлы JPG и PNG - всего более 14.000 отдельных файлов - на стороне сервера в формат AVIF и как резервный вариант для более старых браузеров в формат WebP. Мы также технически решили, чтобы наши редакторы могли загружать изображения в форматах JPG или PNG, как привыкли наши дизайнеры, и маркировать их метаданными. Вывод системы автоматически встраивает изображение в AVIF и как резервный вариант для всех старых (или не поддерживающих) браузеров показывает изображение в формате WebP.

    Чтобы все работало на сервере, используйте последние версии программного обеспечения. Новые функции imagecreatefromavif и imageavif для формата AVIF доступны только в PHP 8.1+ и если расширение GD было построено с поддержкой AVIF. Для этого требуется libavif версии 0.8.2 или выше.

    Также обратите внимание на совместимость операционных систем. AVIF предоставляется с пакетами libavif-dev/libavif-devel в репозиториях:

    • от Ubuntu 21.04  
    • от Debian 11 
    • от Alpine 3.13 
    • от Fedora 34

    Вот оценка PageSpeed для мобильной версии TutKit.com. В то время как для настольных ПК можно легко достичь значения более 90, для мобильных версий это действительно вызов. Мы продолжаем работать над улучшением этого значения в сторону 100, потому что мы знаем: PageSpeed хорош для пользовательского опыта и также оказывает влияние на наши результаты SEO.

    PageSpeed-Insights для TutKit - мобильный.

    То, что здесь звучит настолько легкомысленно с включением AVIF, здесь в нашем PHP-фреймворке Laravel, в конечном итоге привело к более чем 60 билетам в нашем JIRA-инструменте, связанным с конвертацией и включением (включая исследование, разработку, устранение ошибок, тестирование). Таким образом, в то время как плагины значительно упрощают работу в классической CMS, такой как WordPress, в случае обширной индивидуальной разработки может потребоваться - как в нашем случае - до трех недель времени. Преимущества использования AVIF определенно того стоят! 

    Кстати: Возможно, в ближайшее время я также напишу статью о том, почему мы на порталах, подобных TutKit.com, предпочитаем использовать PHP-фреймворк вместо WordPress или других CMS.

    Плагины для использования AVIF в WordPress

    CMS WordPress из коробки не поддерживает загрузку изображений в формате AVIF на сентябрь 2023 года - в отличие, например, от CMS Contao, которая поддерживает AVIF с версии 5.0.0. Поэтому в настоящее время для использования изображений в формате AVIF в WordPress вам нужно выполнить два шага.

    1. Включение поддержки AVIF в WordPress
    2. Преобразование изображений из JPG/PNG/WEBP в AVIF

    Существует ряд плагинов для WordPress, которые позволяют использовать изображения AVIF на веб-сайтах WordPress. Вот три плагина, которые вы можете рассмотреть: 

    • AVIF Support: Этот плагин позволяет вам загружать и отображать изображения AVIF на сайтах WordPress. Он также поддерживает автоматическое преобразование изображений JPEG и PNG в изображения AVIF.
    • Конвертер для мультимедиа: Этот плагин конвертирует все изображения в вашей медиабиблиотеке WordPress в изображения AVIF. Он также предлагает ряд опций для настройки качества изображения и уровня сжатия.
    • ShortPixel Image Optimizer: Этот плагин оптимизирует изображения в вашей медиабиблиотеке WordPress, включая их преобразование в изображения AVIF. Он также предлагает ряд других функций для улучшения качества и производительности изображений.

    Эти плагины - отличный способ использовать преимущества изображений AVIF на веб-сайтах WordPress.

    Поддержка AVIF-Uploader в качестве плагина WordPress

    Перейдите к плагину поддержки AVIF - на данный момент он имеет всего лишь 1 956 загрузок и менее 800 установок - видно, что для пользователей WordPress AVIF пока еще совершенно неизвестен.

    На сегодняшний день 43,1 процента всех веб-сайтов работают на платформе WordPress. Как только AVIF будет поддерживаться WordPress с системного уровня, AVIF начнет свои победные шествия и вытеснит JPG, PNG и даже WebP с пьедестала. - Маттиас Петри


    ОБНОВЛЕНИЕ 05.04.2024: С выпуском WordPress 6.5 WordPress наконец-то поддерживает AVIF! Теперь плагины поддержки будут нужны только для старых версий WordPress. Таким образом, обновление до WordPress 6.5 и выше становится еще более оправданным.

    Плагин Local Image Sharp для сайтов на Strapi

    Мы также используем AVIF на нашем сайте агентства 4eck-media.de, который использует CMS Strapi на основе node.js. Плагин Local Image Sharp для Strapi позволяет использовать AVIF-изображения на сайтах Strapi. Плагин использует набор инструментов sharp Image Processing Toolkit для преобразования изображений в формат AVIF.

    Плагин Local Image Sharp предоставляет вам ряд функций, включая:

    • Автоматическое преобразование изображений в формат AVIF
    • Настройка качества изображения и уровня сжатия
    • Поддержка различных форматов изображений

    Чтобы установить плагин, загрузите его из Магазина плагинов Strapi и установите его как любой другой плагин Strapi.

    Local-Image-Sharp на рынке Strapi

    Мы настроили загрузку изображений в систему Strapi как JPG или PNG. Система преобразует изображения в AVIF и WEBP в шесть различных разрешений, чтобы в браузере показывались правильно отмасштабированные изображения в формате AVIF в зависимости от устройства (настольный компьютер, планшет, мобильное устройство). Для старых браузеров мы также предусмотрели резервное решение с изображениями в формате WebP, которые затем отображаются.

    Лучше всего использовать <picture>-тег, который содержит <source>- и <img>-теги, чтобы отображать ваши изображения в правильном размере и в двух форматах AVIF и WebP, с источником в JPEG или PNG.

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

    PageSpeed Insights для 4eck-media - настольный

    Примечание о мета-миниатюрах и структурированных данных

    Поскольку до сих пор Google изображения не поддерживает формат AVIF, мы указываем в микроразметке "image" все еще соответствующий файл JPG. Также мета-миниатюра, которую мы указываем для каждой страницы продукта, чтобы предложить Google изображение для предварительного просмотра в поисковом сниппете, все еще содержит формат JPG.

    Лучше перебдеть. В форумах уже сообщали, что после перехода на AVIF полная онлайн-видимость изображений исчезает. Мы не можем подтвердить этот опыт. У нас онлайн-видимость осталась неизменной, но запросы краулинга от Googlebot для изображений увеличились. Интересно, что мы видим, что Googlebot краулит изображения WebP, которые подготовлены в коде в качестве резервного варианта для старых браузеров. Похоже, Google в настоящее время индексирует изображения WebP.

    Поэтому я бы порекомендовал добавить также исходный JPG в метаданные для миниатюр и структурированных данных.

    Инструменты и программное обеспечение для обработки изображений в формате AVIF

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

    Вот список программ для обработки изображений, совместимых с AVIF (на сентябрь 2023 года):

    • Gimp: Способен импортировать, редактировать и экспортировать AVIF с версии 2.10.22.
    • Photopea: может импортировать и редактировать AVIF, но не может экспортировать. Можно сохранить в другом формате.
    • Affinity Photo: не поддерживает AVIF
    • Photoshop: не поддерживает, но существует плагин, который помогает обеспечить совместимость.

    Плагин AVIF для Photoshop

    Здесь вы найдете плагин, который позволяет Photoshop открывать файлы AVIF.
    https://github.com/0xC0000054/avif-format

    Загрузка доступна на вкладке Releases страницы.

    После загрузки ZIP добавьте Av1Image.8bi в папку, где Photoshop ищет плагины. Обычно это:

    C:\Program Files\Common Files\Adobe\Plug-ins\CC

    или вот эта:

    C:\Program Files\Adobe\Photoshop [версия]\Plug-ins

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

    AVIF в Photoshop

    Показывать изображения AVIF в Windows

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

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

    AVIF-ошибка отображения в Windows

    В сообщении об ошибке есть ссылка. Если вы нажмете на нее, вы перейдете в Магазин Microsoft за расширением AVIF. Скачайте его. Это всего 1,61 МБ.

    Расширение AVIF для Microsoft

    После этого изображения в формате AVIF также можно открывать и просматривать в вашем файловом браузере Windows.

    Реклама AVIF в Microsoft

    Вместо анимаций GIF лучше использовать анимации AVIF на сайтах

    Здесь есть онлайн-конвертер для преобразования анимаций GIF в анимации AVIF. https://mconverter.eu/convert/gif/avif/

    В то время как мое тестовое изображение GIF весит 787 КБ, его анимация как AVIF занимает 411 КБ.

    Мой личный вывод

    На мой взгляд, AVIF - лучший выбор для интеграции современных форматов изображений на веб-сайты. Преимущества сжатия и качества изображения убедительны. Ни один другой формат изображения не объединяет эти качества и так сильно увеличивает скорость загрузки. В настоящее время слишком мало владельцев веб-сайтов используют формат AVIF, хотя поддержка браузеров составляет более 85%, и технически нет препятствий продолжать использовать WebP в качестве резервного. SEO находится в процессе изменения. AVIF, конечно, не является достаточным сам по себе, чтобы достичь высоких показателей в PageSpeed Insights; для этого требуются и другие технические факторы. При интеграции современных форматов изображений использование AVIF даст вам лучшие результаты по сравнению с WebP.

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

    Узнайте больше о SEO, пользовательском опыте, дизайне и технических тенденциях

    Если вас вообще заинтересовали эти темы в области SEO, пользовательского опыта, инструментов ИИ и новых веб-технологий, вы можете узнать больше на наших тренингах и других статьях здесь, на блоге.

    1101,908,1094,1055,1096

    Теперь ваша очередь

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

    Опубликовано от Matthias Petri
    Опубликовано:
    От Matthias Petri
    Маттиас Петри основал вместе со своим братом Стефаном Петри агентство 4eck Media GmbH & Co. KG в 2010 году. Вместе со своей командой он ведет популярный форум PSD-Tutorials.de и портал электронного обучения TutKit.com. Он выпустил множество учебных материалов по редактированию изображений, маркетингу и дизайну и преподавал как преподаватель в FHM Rostock в области «Цифровой маркетинг и связи». За свою деятельность он неоднократно награждался, включая Специальный приз премии веб-сайта Мекленбург-Передняя Померания 2011 года и звание творческого деятеля Мекленбург-Передняя Померания 2015 года. В 2016 году он был назначен Fellow`ом Компетенц-центра культурно-творческой индустрии федерального модуля и активно участвует в инициативе «Мы - Восток» как предприниматель и исполнительный директор вместе с многими другими выдающимися деятелями из восточной Германии.
    Вернуться к обзору