Format WebP

Question

Le format WebP n'est-il pas le mieux adapté pour la performance d'un site ?

Louis-Nicolas Leuillet · Accepted Answer

Bonjour Jérôme !
Absolument privilégier les formats webp pour les images et les svg pour les illustrations est le meilleur moyen d'avoir des images optimisées :)

Rémi Morichon · Answer

Quelle est la différence entre une image et une illustration que je sois sûr de bien comprendre 😅. Logo, icônes, graphiques en SVG et photos classiques en WebP?
Le svg est plus lourd que le WebP?

Louis-Nicolas Leuillet · Answer

Une image , c’est un mot fourre-tout. Ça peut être une photo, un dessin, une capture d’écran, un graphique, bref, tout ce qui est visuel.
Une illustration , c’est plus précis. C’est un visuel créé à la main ou par ordi pour expliquer un truc, décorer, ou styliser. Genre un logo, une icône, un dessin vectoriel… c’est une illustration. Pas une photo prise à la volée.
Attention cependant car parfois un SVG peut être super léger (comme une icône), ou lourd si c’est un dessin très complexe avec plein de détails. Donc non, ce n’est pas “toujours plus lourd que le WebP”, ça dépend du contenu. Pour les illustrations très simples mieux vaut le format svg, sinon pour tout le reste WebP.

Charlotte Le Verdier · Answer

Bonsoir,
En 2026, les formats WebP et AVIF ont-ils vocation à remplacer complètement les formats .png et .jpg ?
Ou bien ces deux derniers conservent-ils encore des spécificités essentielles pour le développement de sites web ?
Merci,

Louis-Nicolas Leuillet · Answer

Hello Charlotte,
Alors concrètement, en 2026, WebP est supporté par tous les navigateurs modernes et AVIF est très bien supporté aussi (même si un tout petit peu moins que WebP sur certains navigateurs de niche). Du coup, oui, pour un projet neuf, tu peux tout à fait utiliser WebP ou AVIF partout et ne jamais toucher au JPEG ou au PNG.
AVIF est d'ailleurs encore plus performant que WebP en termes de compression, surtout sur les photos.
Cela dit, JPEG et PNG ne sont pas "morts" pour autant.
Le JPEG reste un format universel que tout le monde comprend, y compris des outils très anciens ou des contextes hors navigateur (emails, logiciels d'édition, etc.).
Le PNG garde son utilité quand tu as besoin de transparence).
En résumé : pour le développement web aujourd'hui, WebP est le choix sûr et polyvalent, AVIF est le choix le plus performant (avec un support quasi complet), et JPEG/PNG deviennent des formats de compatibilité.
Si tu veux être vraiment rigoureuse, tu peux même utiliser la balise <picture> pour proposer AVIF en priorité, WebP en fallback, et JPEG/PNG en dernier recours pour les très vieux navigateurs.

Charlotte Le Verdier · Answer

Top, merci pour ces infos. Je vais étudier plus en avant la notion de <picture> ;)
Bonne soirée.

Format WebP

Formation Apprendre HTML (legacy)