AVIF - модерен формат за снимки за уебсайтове

Форматът на изображения AVIF за уебсайтове подобрява SEO, PageSpeed и потребителското изживяване.

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

По-малко от 0,1 процента от всички уебсайтове използват формата AVIF и се възползват от най-добрата възможност за усетимо подобряване на скоростта на уебсайта, потребителското изживяване и онлайн видимостта в Google. Всички други оператори на уебсайтове все още не се възползват от потенциала, който формата AVIF предлага. Тази статия е предназначена да помогне и да ви насърчи да се сериозно занимавате с формата AVIF и по възможност да я използвате и за вашите снимки на уебсайта.

Дали сте тествали URL адреса на вашия уебсайт си в Google PageSpeed Insights, за да видите каква е производителността ви? Ако не сте, опитайте направо с ваш собствен уебсайт.

Предполагам, че все още не виждате този резултат за вашия уебсайт в момента, нали?

PageSpeed-Insights резултат за TutKit - настолен компютър

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

PageSpeed-Insights препоръчва използването на AVIF.

Това е една от многото причини, поради които все още не постигате най-високи резултати с уебсайта си в PageSpeed Insights и вероятно също не отговаряте на основните уеб стандарти.

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

Релативно новият формат на изображението за уеб познават много малко хора, и затова е време да представим съвременния формат на изображението AVIF за уебсайтове, с всичките му предимства за SEO, скорост на страницата и потребителско изживяване.

Съдържанието на статията за AVIF включва:

    Какво е AVIF форматът за снимки?

    AVIF е нов формат за снимки, който беше публикуван през 2020 г. от Alliance for Open Media (AOMedia). Форматът е базиран на загубво-компресионния алгоритъм AV1 и предлага редица предимства пред други популярни формати за снимки като JPEG и PNG, както и уеб формат WebP.

    AVIF снимките са значително по-малки от JPEG снимките при еднакво качество на изображението. Това се дължи на факта, че AV1 предлага значително по-ефективна компресия. Така AVIF снимка със същото качество на изображението може да бъде до 50% по-малка от JPEG снимка.

    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, скорост на страницата и потребителско изживяване?

    Най-голямата предимство става ясно видима, когато сравняваме изображенията в изгледа. За пример аз съм генерирал снимка на Midjourney от стадото паяжинести анемони в резолюция 1024x1024 в PNG формат.

    • Оригиналният PNG: 1,43 MB
    • Оптимизиран чрез TinyPNG: 393 KB - спестени 73 %
    Подобряване на PNG графика чрез TinyJPG.

    След като конвертирах оригиналния PNG файл със squoosh.app, получих следния резултат:

    • Оптимизиран чрез Squoosh като WebP: 84 kb - спестени 94 %
    • Оптимизиран чрез Squoosh като AVIF: 42 kb - спестени 97 %
    Сравнение на компресията между WebP и AVIF чрез Squoosh

    Резултатът е, че AVIF изображението при същото визуално качество е само на половината от размера на WebP изображението. В множество други тестове се показва, че артефактите при компресия, които се появяват при прекомерна компресия на JPG файлове, се забелязват леко едва когато качеството спадне под 30 по посока на 20 или по-ниско. При качество 30 дори текстовите елементи в пикселови изображения все още са чисти и платват без артефакти от компресия.

    Такива спестявания за сайтове с изображения не могат да бъдат оценени достатъчно високо.

    AVIF за по-добри SEO резултати, PageSpeed и потребителско изживяване

    През 2021 г. Google вече въвежда критичните стойности на уеб сайта (Core Web Vitals) като фактор за класиране. Това включва например скоростта на зареждане, т.е. времето, за което главното съдържание се изгражда за вашите потребители. Google определя времена до 2.5 секунди за добро, което сайтовете трябва да се стремят да достигнат за своите потребители.

    По-големите данни за изображения предизвикват по-дълги времена за зареждане. Понеже Core Web Vitals не са изпълнени.

    Освен това има още един проблем. Ако по-големи данни за изображения, базирани например на PNG или JPEG, се намират в уеб сайта, може да се случи, че текстово съдържание вече е заредено, докато изображението се зарежда бавно. Това може да доведе до така наречените кумулативни промени в макета, т.е. малки измествания, които с прдоставянето на изображение притеглят долните части на сайта надолу, където и трябва да са. Кумулативните промени в макета не са на вкус на Google и се изискват като грешки CLS, които водят до непрохождане на важните моменти на уеб сайтовите стойности следователно пользоватеите не са удовлетворени от посещението на сайта.



    Освен това, за всеки посетител на уеб сайта е прекрасно чувство, когато страниците се зареждат бързо и съдържанието е на няколко клика далече. Освен това, можете да поставите изображения с по-добро качество на уеб сайта си, без да компресирате толкова много, че вече се забелязват артефакти от компресия. Размерът на файловете остава малък дори при загубено качество при конвертиране или обикновена компресия в сравнение с PNG или JPEG. AVIF формата така увеличава потребителското изживяване от множество аспекти за всеки потребител. Google ни принуждава да направим нещо за нашите посетители, за да не се разчувстват при посещението на нашия сайт.

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

    Поддръжката на браузъра за AVIF изображения

    Точно когато става дума за нови техники, всеки уеб сайт се колебае и обича да изчака няколко месеца. От една страна, не искате да бъдете бета тестер на всякакви големи релийзи, като например на магазинни системи или CMS, от друга страна никога не сте сигурни, че няма да има проблеми с определени браузъри или устройства.

    За AVIF изображенията всъщност е ключово дали стандартните браузъри вече поддържат формата. Уеб сайтът caniuse.com ви дава информация по този въпрос: https://caniuse.com/avif

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

    Почти 85 процента от глобалното ползване на браузърите вече поддържа AVIF. В Германия са 80,33 % на 2 септември ... ну просто Германия, където все още има пропуски в мобилната мрежа и някои региони все още страдат от бавен интернет (включително и моя регион: докато съм в офиса с 1 гигабит, у дома получавам едва 9 Mbit/sec).

    Виждате, че 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 за модерни уеб формати. Всички останали правят компромиси и вероятно и наричат Core Web Vitals, което се отразява отрицателно на онлайн видимостта.

    AVIF срещу WebP - кое е по-добро за твоя уебсайт?

    Ще направим още един пряк тест за илюстрация. Изображението отдясно в главния раздел на TutKit.com преди конверсията в AVIF като PNG файл беше над 600 KB поради прозрачностите.

    TutKit в областта на главата

    Сега бива изведен като WebP файл с 159 KB (нашето резервно решение!). Дори след като това стане оптимизирано с инструмент като TINYPNG, който също може да намали WebP файловете, ние оставаме с 128 KB. Все пак е намалено с 20 процента. Като AVIF файл, който се показва по подразбиране, изображението вече има само 94 KB, което е едва 59 процента от размера на резервния WebP файл. Във всички тестове AVIF успя да надмине WebP формата по отношение на размера на файла при същото оптично качество.

    Какви причини говорят в полза на AVIF, вместо WebP?

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

    Още едно предупреждение, което 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 Frameworks на изображения от 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 Framework Laravel, се оказа, че в крайна сметка се превърна в над 60 билета в нашия JIRA инструмент, свързани с конвертирането и вграждането (включително изследване, разработка, отстраняване на грешки, тестване). Докато плъгините намаляват работата в класически CMS като WordPress значително, при обширно индивидуално разработване може - като в нашия случай - да отнеме три седмици време. Предимствата от използването на AVIF определено си заслужават! 

    Кстати: Може би скоро ще напиша статия защо предпочитаме PHP Framework в такива портали като TutKit.com вместо WordPress или други CMS.

    Плъгини за използване на AVIF в WordPress

    CMS WordPress по подразбиране не поддържа качването на AVIF изображения към септември 2023 г. - за разлика от CMS Contao, което поддържа AVIF от версия 5.0.0. Затова все още са ви необходими два стъпки при използването на WordPress, за да може да извеждате изображенията си в AVIF.

    1. Запазване на поддръжката на AVIF в WordPressа>
    2. Конвертиране на изображенията от JPG/PNG/WEBP в AVIF формата>

    Има редица плъгини за WordPress, които ви позволяват да използвате AVIF изображения на уебсайтове на WordPress. Ето три плъгина, които може да разгледате: 

    • AVIF Support: Този плъгин ви позволява да качвате и показвате AVIF изображения в уебсайтове на WordPress. Поддържа и автоматичното конвертиране на JPEG и PNG изображения в AVIF изображения.
    • Converter for Media: Този плъгин конвертира всички изображения във вашата медийна библиотека на WordPress в AVIF изображения. Предлага също редица опции за настройка на качеството на изображението и степента на компресия.
    • ShortPixel Image Optimizer: Този плъгин оптимизира изображенията във вашата медийна библиотека на WordPress, включително конвертирането в AVIF изображения. Предлага също редица други функции за подобряване на качеството и производителността на изображението.

    Тези плъгини са добър начин да използвате предимствата на AVIF изображения в уебсайтовете на WordPress.

    Поддръжка на AVIF като WordPress плъгин

    Тук можете да намерите плъгин за поддръжка на AVIF - към момента има само 1,956 изтегляния и по-малко от 800 инсталации - вижда се, че AVIF все още е напълно непознат за потребителите на WordPress.

    В момента 43,1% от всички уебсайтове използват CMS WordPress. Когато WordPress официално подкрепи AVIF, AVIF ще започне своята победоносна експанзия и ще измести JPG, PNG и дори WebP от позициите им. - Матиас Петри


    АКТУАЛИЗАЦИЯ 05.04.2024 г.: С WordPress 6.5, WordPress най-накрая подкрепя AVIF! Следователно плъгините за поддръжка ще се изискват само за по-стари версии на WordPress. Още повече се струва да актуализирате до WordPress 6.5 и по-нови версии.

    Плъгинът Local Image Sharp за уебсайтове на Strapi

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

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

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

    За да инсталирате плъгина, го изтеглете от Strapi Plugin Store и го инсталирайте като всеки друг Strapi плъгин.

    Local-Image-Sharp в Strapi-Market

    Ние сме конфигурирали системата си така, че изображенията да бъдат качвани в Strapi-системата като JPG или PNG. Системата конвертира изображенията в AVIF и WEBP в шест различни резолюции, за да покаже правилно размерираните изображения като AVIF в браузъра в зависимост от устройството (настолен компютър, таблет, мобилен телефон). За по-стари браузъри сме предвидили алтернативно решение с WebP изображения, които се показват.

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

    Изображенията в съвремения уебформат са един от ключовите стимулатори за отлична производителност на нашия уебсайт на агенцията:

    PageSpeed-Insights за 4eck-media - настолен компютър

    Забележка за мета-миниатюрите и структурирани данни

    До днес Google Images все още не поддържа формата AVIF, затова при Schema маркирането "изображение" все още посочваме съответния JPG файл. Също така мета-миниатюрата, която посочваме на всеки продуктова страница, за да предложим на Google миниатюра за извличане, все още е във формат JPG.

    По-добре се предпази. Във форумите вече има съобщения от хора, че цялата онлайн видимост на изображенията изчезва след преминаването към AVIF. Ние не можем да потвърдим този опит. Онлайн видимостта в нашия случай остава постоянна, но заядливите заявки на Googlebots за изображения са нараснали. Интересно е, че виждаме 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

    Тук ще намерите плъгин, който ви дава възможност да отваряте AVIF файлове в Photoshop.
    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 чрез Drag & Drop или чрез диалоговия прозорец „Отвори“.

    AVIF в Photoshop

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

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

    От Windows 10 нататък е възможно, но се изисква разширение. Ако кликнете върху файл AVIF, първо ще получите съобщение за грешка. 

    Грешка при показване на AVIF в Windows

    В съобщението за грешка има връзка. Ако щракнете върху нея, ще бъдете пренасочени към Магазина на Microsoft за AVIF Extension. Изтеглете я. Тя е само 1,61 MB.

    Разширение AVIF за Microsoft

    След това ще можете да отваряте и показвате изображения в AVIF формат и под Windows във вашия файлов браузър.

    Реклама AVIF под Microsoft

    Предпочитане на AVIF анимации вместо GIF анимации на уебсайтове

    Тук има онлайн конвертор, който преобразува GIF анимациите в AVIF анимации. https://mconverter.eu/convert/gif/avif/

    Докато моят тестов GIF е с големина 787 KB, анимацията като AVIF е с размер 411 KB.

    Моето лично заключение

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

    Keywoord оптимизираното съдържание само няма да бъде достатъчно, защото посредством изкуствен интелект интернетът се наводнява със съдържание, поради което много уебсайтове конкурират с високо въоръжени, съдържателни стойности с колегите си за онлайн видимост. Техническото 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. За своя принос той беше награден многократно, сред които със специалната награда на Website-Award на Мекленбург-Предпоморска 2011 и като Създател на творчество на Мекленбург-Предпоморска 2015. През 2016 година беше назначен за член на Компетентния център за културна и креативна икономика на Бунд "Fellow" и е ангажиран в инициативата "Ние сме Изток" като предприемач и изпълнителен директор на мнозина други представители от източно германски произход.
    Обратно към прегледа