SparkCore
AVIF sur WordPress : encore plus compact quand c'est possible
AVIF peut être encore plus efficace que WebP. Spark combine AVIF avec des solutions de repli, pour que les visiteurs voient toujours une image qui s'affiche.
En bref
- AVIF est souvent le format le plus léger pour une même qualité visible.
- Tous les grands navigateurs actuels prennent en charge AVIF.
- Utilisez toujours AVIF avec une solution de repli pour les navigateurs qui ne le gèrent pas.
AVIF et compatibilité
Tous les navigateurs ne gèrent pas AVIF partout ; nous combinons donc les formats dans un seul flux de travail.
Qu'est-ce qu'AVIF et pourquoi ces fichiers sont-ils si légers ?
AVIF est un format d'image moderne dérivé de la compression vidéo. Il stocke les informations de l'image plus intelligemment que JPEG. Pour les photos aux dégradés doux, comme les ciels ou la peau, la différence est importante. Le format prend aussi en charge la transparence. Il peut donc parfois remplacer un PNG. Le prix à payer est le temps de calcul. Créer un AVIF prend plus de temps qu'un JPEG ou un WebP. Ce n'est pas un problème pour les visiteurs, car vous créez le fichier une seule fois et le servez ensuite de nombreuses fois.
Quels navigateurs prennent en charge AVIF dans WordPress ?
Les versions actuelles de Chrome, Edge, Firefox et Safari affichent AVIF. Pourtant, tout le monde ne visite pas votre site avec le dernier navigateur. Les appareils anciens et les applications obsolètes peuvent ne pas gérer le format. Ce n'est pas une raison de renoncer à AVIF. C'est une raison d'utiliser une solution de repli. Le navigateur indique les formats qu'il sait afficher et reçoit le meilleur qui convient. Celui qui ne connaît pas AVIF reçoit du WebP ou du JPEG. Personne ne voit d'image cassée.
- Chrome, Edge, Firefox et Safari prennent en charge AVIF dans leurs versions actuelles.
- Les navigateurs plus anciens ont besoin d'une solution de repli JPEG ou WebP.
- Testez toujours sur un vrai appareil, pas seulement dans votre propre navigateur.
AVIF ou WebP : que choisir pour votre site WordPress ?
Vous n'avez pas à choisir. Utilisez les deux. AVIF donne souvent le fichier le plus léger. WebP se crée plus vite et est largement pris en charge : c'est donc un solide deuxième choix. JPEG ou PNG reste le filet de sécurité. Attention : plus petit n'est pas toujours mieux. Avec une compression trop forte, AVIF peut donner une image lisse, à l'aspect cireux. Jugez donc toujours le résultat à la taille de l'écran. Pour les photos, AVIF est généralement gagnant. Pour les petites icônes, la différence en octets est souvent trop faible pour compter.
- Utilisez AVIF pour les photos aux dégradés doux.
- Gardez WebP en deuxième choix et JPEG ou PNG comme filet de sécurité.
- Jugez toujours le résultat à la taille de l'écran.
Comment déployer AVIF en toute sécurité sur WordPress ?
Un déploiement sûr repose sur trois points : créer les variantes, servir la bonne et conserver votre original. Si vous le faites à la main, vous devez le tenir à chaque envoi. Spark Media Optimizer prend ce travail en charge. Le plugin crée du WebP et de l'AVIF en arrière-plan et les sert aux navigateurs qui les prennent en charge, avec JPEG ou PNG en solution de repli. Si un navigateur ne suit pas, le plugin revient automatiquement en arrière. Cela vaut aussi pour votre médiathèque existante.
Questions fréquentes
Souvent oui, surtout pour les photos. La différence dépend de l'image et du réglage. Testez quelques images représentatives de votre propre site et comparez-les à la taille de l'écran avant de choisir.
Pas dans tous. Les versions actuelles de Chrome, Edge, Firefox et Safari l'affichent bien. Les navigateurs plus anciens ont besoin d'une solution de repli, comme WebP ou JPEG, sinon ils n'affichent aucune image. Avec une bonne solution de repli, votre visiteur ne remarque rien.
Non. Conservez l'original et servez AVIF comme variante supplémentaire. Ainsi, vous pouvez toujours revenir en arrière et vous couvrez les navigateurs qui ne connaissent pas le format. Une deuxième variante ne coûte qu'un peu d'espace de stockage.