Какво е AVIF или AV1? Как да активирам поддръжка в Chrome и Firefox?

Когато става въпрос за зареждане на уебсайтове, изображенията отнемат много време поради размера. През последните няколко години бяха положени много усилия и WebP стана популярен. В сравнение с JPEG форматът (JPEG)WebP е с 30% по-малък, което е огромно, особено сега, когато жизненоважният фактор на Google е част от алгоритъма за търсене. Но това не спира до тук.

Alliance for Open Media разработи нов формат на изображения — AV1 (.avif) , който е с 50% по-малък от JPEG . В тази публикация ще говорим за него и как можете да активирате поддръжката му в Chrome , Firefox и Edge .

AVIF или AV1

Какво е AVIF или AV1 формат на изображението

Alliance for Open Media , в сътрудничество с Google , Cisco и Xiph.org , създаде AVIF формата. Това е формат с отворен код, който не изисква роялти ( JPEG   изисква скъпо лицензиране за прилагане). Това е супер компресирано изображение, което предлага по-добро качество за съотношение на размера на файла за компресиране. Ето списъка с функции:

  • Поддържа всеки кодек за изображения
  • Може да бъде със загуба или без загуби.
  • Може да съхранява серия от рамки, т.е. поддръжка на GIF .
  • Поддържа поддръжка на HDR цветове с по-добра яркост, дълбочина на цвета и цветови гами

Активирайте поддръжката на AVIF или AV1 в Chrome , Edge и Firefox

Тъй като форматът е нов(the format is new) и ще отнеме време, за да стане масов. Добрата новина е, че браузърите вече ги поддържат, но те все още не са активирани по подразбиране. В крайна сметка това ще се случи надолу по платното.

Chrome версия 85 вече го е активирала, докато Firefox (версия 80) се нуждае от флаг, за да бъде активиран. Следвайте посочения по-долу метод за Firefox :

  • В нов раздел въведете about:config и натиснете клавиша Enter.
  • Намерете image.avif.enabled
  • Щракнете двукратно, за да промените стойността на true.

Тъй като Microsoft Edge използва същия Chromium Engine , поддръжката за Edge трябва да се появи скоро.

Как уебсайтовете могат да го приложат?

Собствениците на уебсайтове могат да използват елемента PICTURE на естествения HTML , за да включат резервен, т.е. ако браузърът не го поддържа, тогава можете да поискате от браузъра да използва друг формат на изображението.

<picture>
	<source srcset="img/photo.avif" type="image/avif">
	<source srcset="img/photo.webp" type="image/webp">
	<img src="img/photo.jpg" alt="Description of Photo">
</picture>

Как да създадете AVIF файл

Sqoosh AVIF конвертиране

Можете да използвате уеб приложението Squoosh , за да конвертирате всяко изображение в AVIF . Осъществено от екипа на Google Chrome Labs , вие получавате достъп до разширените опции за всички компресори на изображения. Ако имате само няколко изображения, можете да използвате това.

За уебсайтове или групово конвертиране на изображения можете да използвате библиотеката AOMedia,  libavif (AOMedia),(libavif) за кодиране/декодиране на AVIF(AVIF) файлове. Тези, които използват macOS с Homebrew , можете да инсталирате предварително изградена версия, като използвате следната команда

brew install joedrago/repo/avifenc

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



Айдън Кобиларов

About the author

Телефонът е един от най-универсалните инструменти, които човек може да притежава и използва. Позволено е на хората да общуват с други, да имат достъп до интернет и да правят много други неща. С устройство iPhone или Android можете дори да гледате видеоклипове и да изтегляте музика. Телефонът също е чудесен за правене на снимки, сърфиране в мрежата, слушане на музика и др.


Related posts