Face à la demande toujours croissante de vitesse et de légèreté, le format d’image .AVIF a le vent en poupe. C’est la technologie du moment à utiliser dans votre site WordPress. S’il peut encore vous laisser sceptique, il est temps de l’essayer. Vous allez être surpris.
Un futur standard de l’industrie que WordPress supporte déjà.
La version 1.0.0 des spécifications du format AVIF a été finalisée en février 2019. Les spécifications d’AV2 qui devrait lui succéder sont, en 2023, en cours d’écriture et est implémenté à titre expérimental dans libavif à partir de la 1.0.0 sortie le 24 août de la même année.
AVIF supporte (source Wikipedia) :
- Des espaces de couleur multiples, dont :
- La compression sans perte ou la compression avec pertes
- Une profondeur de couleur de 8, 10 ou 12 bits [4]
- Les couleurs monochromes (pour canaux alpha/depth) ou RGB
- Le sous-échantillonnage de la chrominance 4:2:0, 4:2:2, 4:4:4
- Granularité de film photo
WordPress pend en charge le format AVIF depuis le version 6.5 du CMS et les versions suivantes, vous n’avez pas vous inquiéter de ce côté.
Des résultats bluffants de qualité, même à très forte compression.
Voici un exemple avec une image en JPG (4000 x 2667 px – 3,9 Mo)
Traitement en JPG avec Compressor et en AVIF avec ImagesTool.
Des outils en ligne plus ou beaucoup moins efficaces
Plusieurs outils de compression de JPG en AVIF existent, mais la plupart ne proposent pas de réglages de compression permettant de paramétrer au plus juste la compression AVIF.
J’ai effectué des essais avec les 5 sites de compression JPG vers AVIF suivants :
Deux sites proposent un ou des réglages : Speedvitals (réglage de compression simple) et Imagestool qui est le plus complet avec le réglage de la compression, le réglage de résistance à la compression, recadrage, réduction, pivotement, etc.
Voici les résultats avec une image de base de 1500 x 1500 px.
La première reste en JPG compressé avec Compressor.io pour 168 Ko, la suite est au format AVIF de la plus lourde à la plus légère, qui tombe à 28 Ko avec Imagestool !
Il est clair qu’avec Imagestool, vous obtiendrez des résultats très légers sans perdre grand-chose en qualité.
WP Convert to Avif : une extension gratuite pour WordPress
J’ai regardé du côté des extensions gratuites pour WordPress qui convertissent en AVIF. Celles qui le proposent ne le font en réalité qu’avec leurs versions payantes ou via des crédits supplémentaires, la seule qui semblait disponible et dédiée est Convert to AVIF and Optimise, mais elle ne fonctionne pas correctement pour l’instant.
En recherchant sur le web, j’ai fini par trouver un projet d’extension en devenir de Kevin Benabdelhak : WP Convert to Avif. Ce projet est aussi disponible sur le GitHub (lien en bas de page). L’interface est spartiate, mais l’essentiel est là. Pas de réglage de la compression et vu les résultats, on doit être autour de 70 % de compression. WP Convert to Avif s’appuie sur la librairie ImageMagic, cette librairie doit être présente sur votre hébergement pour qu’elle fonctionne.
Dans quel cas il faut passer sur le format AVIF ?
Sur un site utilisant des images de grand format (bandeau Hero, image plein écran…) cela me parais la meilleure façon d’alléger le poids de vos pages, n’attendez pas des gains de fou avec quelques petites images de 20 Ko sur votre page.
Je vois qu’avec une image plein format de 2560 x 1650 px, on peut arriver à environ 30 Ko au lieu de 150 à 250 Ko !!
À essayer avant de vous lancer au dégraissage de votre site.
Sources : un article sur Siteground, Wikipedia, WP Convert to AVIF.
Une réponse
Comme je n’ai jamais voulu passer à WebP, AVIF parait un bon compromis. Il aurait peut-être fallu rajouter un petit tuto pour la redirection des URL JPG>AVIF. En tous les cas, je vais tester sur mes nouveaux billets, avec un logiciel en local.
Avec l’image donnée en exemple, je trouve qu’on perd un peu en précision avec Imagestool (légèrement écrasée en rendu).