Qu'est-ce qu'AVIF ou AV1 ? Comment activer le support dans Chrome et Firefox ?

En ce qui concerne le chargement des sites Web, les images prennent beaucoup de temps en raison de leur taille. Ces dernières années, beaucoup d'efforts ont été faits et WebP est devenu populaire. Comparé au JPEG , le format WebP est 30 % plus petit, ce qui est énorme, surtout maintenant que le facteur vital du Web de Google fait partie de l'algorithme de recherche. Mais cela ne s'arrête pas là.

Alliance for Open Media a développé un nouveau format d'image : AV1 (.avif) , qui est 50 % plus petit que JPEG . Dans cet article, nous en parlerons et comment vous pouvez activer sa prise en charge dans Chrome , Firefox et Edge .

AVIF ou AV1

Qu'est-ce que le format d'image AVIF ou AV1

Alliance for Open Media , en collaboration avec Google , Cisco et Xiph.org , a créé le format AVIF . Il s'agit d'un format open source qui ne nécessite aucune redevance ( JPEG   nécessite une licence coûteuse à mettre en œuvre). Il s'agit d'une image super-compressée qui offre une meilleure qualité pour compresser le rapport de taille de fichier. Voici la liste des fonctionnalités :

  • Prend en charge n'importe quel codec d'image
  • Il peut être avec ou sans perte.
  • Il peut stocker une série d'images, c'est-à-dire un support GIF .
  • Prend en charge la prise en charge des couleurs HDR avec une meilleure luminosité, profondeur de couleur et gammes de couleurs

Activer la prise en charge AVIF ou AV1 dans Chrome , Edge et Firefox

Étant donné que le format est nouveau(the format is new) , il faudra du temps pour qu'il devienne courant. La bonne nouvelle est que les navigateurs les prennent déjà en charge, mais ils ne sont pas encore activés par défaut. Cela finira par arriver dans la voie.

Chrome version 85 l'a déjà activé, tandis que Firefox (version 80) a besoin d'un indicateur pour être activé. Suivez la méthode ci-dessous pour Firefox :

  • Dans un nouvel onglet, tapez about:config et appuyez sur la touche Entrée.
  • Localisez image.avif.enabled
  • Double-cliquez pour changer la valeur en true.

Étant donné que Microsoft Edge utilise le même moteur Chromium(Chromium Engine) , la prise en charge d' Edge devrait bientôt être déployée.

Comment les sites Web peuvent-ils l'implémenter ?

Les propriétaires de sites Web peuvent utiliser l' élément PICTURE du (PICTURE)code HTML(HTML) natif pour inclure une solution de secours, c'est-à-dire que si le navigateur ne le prend pas en charge, vous pouvez demander au navigateur d'utiliser un autre format d'image.

<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>

Comment créer un fichier AVIF

Convertir Sqoosh AVIF

Vous pouvez utiliser l' application Web Squoosh pour convertir n'importe quelle image en AVIF . Propulsé par l' équipe Google Chrome Labs , vous avez accès aux options avancées pour tous les compresseurs d'images. Si vous n'avez que quelques images, vous pouvez utiliser celle-ci.

Pour les sites Web ou la conversion d'images en masse, vous pouvez utiliser la bibliothèque AOMedia,  libavif (AOMedia),(libavif) pour encoder/décoder les fichiers AVIF . Ceux qui sont sur macOS utilisateur avec Homebrew , vous pouvez installer une version pré-construite en utilisant la commande suivante

brew install joedrago/repo/avifenc

Le format d'image AVIF(AVIF) semble prometteur. Puisqu'il aide à accélérer le chargement des sites Web beaucoup plus rapidement, il devrait être adopté plus rapidement que le format WebP . Ce dernier a pris beaucoup de temps, principalement parce que la vitesse n'était pas une préoccupation majeure à l'époque, mais maintenant elle l'est.



Margot Masson

About the author

Un téléphone est l'un des outils les plus polyvalents qu'une personne puisse posséder et utiliser. Il est permis aux gens de communiquer avec les autres, d'accéder à Internet et de faire beaucoup d'autres choses. Avec un iPhone ou un appareil Android, vous pouvez même regarder des vidéos et télécharger de la musique. Un téléphone est également idéal pour prendre des photos, surfer sur le Web, écouter de la musique, etc.


Related posts