WebP vs AVIF

L’AVIF est encore plus léger ; le WebP encode plus vite et fonctionne sur du matériel ancien.

Quand choisir WebP ?

WebP quand il faut traiter beaucoup d’images rapidement, ou servir aussi de vieux navigateurs.

Quand choisir AVIF ?

AVIF quand le poids compte et que le temps d’encodage est indifférent. Sur des photos, vingt à trente pour cent de moins que le WebP est courant.

Ce qu’on oublie presque toujours

Encoder en AVIF prend plusieurs fois plus de temps qu’en WebP. Sur une image cela ne se remarque pas ; sur mille, si.

Ce que fait réellement le passage de WebP à AVIF

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as WebP.

WebP14 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as AVIF.

AVIF17 KB20% larger

Une scène photographique : dégradés doux, bords tendres, un peu de grain. C’est le cas pour lequel AVIF est fait, ou justement pas — et les chiffres montrent lequel des deux. Les deux images sont dessinées par le code et encodées par le convertisseur qui tourne sur cette page : les tailles indiquées sont donc notre propre sortie.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as WebP.

WebP4 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as AVIF.

AVIF3 KB21% smaller

Un fond transparent et un dégradé sur la forme. AVIF conserve les deux, un seul, ou remplit la transparence d’une couleur fixe — et c’est la différence sur laquelle presque tout le monde trébuche. Les deux images sont dessinées par le code et encodées par le convertisseur qui tourne sur cette page : les tailles indiquées sont donc notre propre sortie.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as WebP.

WebP11 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as AVIF.

AVIF5 KB2.1× smaller

Des aplats et des bords francs, comme dans une interface, un schéma ou un logo. Cela se comporte tout autrement que la photo ci-dessus, et c’est bien pourquoi la réponse est : cela dépend de ce qu’il y a dans le fichier. Les deux images sont dessinées par le code et encodées par le convertisseur qui tourne sur cette page : les tailles indiquées sont donc notre propre sortie.

Côte à côte

WebP et AVIF comparés ligne par ligne : ce que chaque format conserve, et ce qu’il coûte.
WebPAVIF
Full nameWebP ImageAV1 Image File Format
Extension.webp.avif
Type de médiaimage/webpimage/avif
CompressionLes deux, selon le réglageLes deux, selon le réglage
Cette page sait l’écrireOuiOui

C’est décidé ? Convertissez ici

D’où viennent ces chiffres

Ce que cette page affirme sur WebP and AVIF se vérifie : voici les documents qui le fixent.