PNG, SVG, WebP, AVIF : le format qui tue vos performances web (et personne n'en parle)

Le coupable se cache dans votre balise <img>

En 2026, quatre formats d'image dominent le web : PNG, SVG, WebP et AVIF. Chacun a ses forces. Mais un seul est responsable de la majorité des pages trop lourdes. Et ce n'est pas celui que vous croyez.

Selon les données HTTP Archive, le poids moyen des images représente encore 45% du poids total d'une page web. Un mauvais choix de format peut ajouter 300 Ko par image, soit 1,5 Mo sur une page qui en affiche cinq. Sur mobile, en 3G, c'est la différence entre un chargement en 2 secondes et un abandon à 6 secondes.

PNG : le tueur silencieux de la bande passante

Le PNG est le format le plus répandu sur le web. Et c'est précisément le problème. Un PNG non optimisé pèse en moyenne 3 à 8 fois plus lourd qu'un WebP équivalent. Sur un site e-commerce avec 50 images produits en PNG, vous gaspillez potentiellement 15 Mo par page.

Le PNG reste indispensable pour les images avec transparence et les captures d'écran. Mais pour tout le reste (photos produits, illustrations, bannières), c'est un boulet que vous traînez sans le savoir. La bonne nouvelle ? Remplacer vos PNG par des WebP ou des AVIF peut réduire le poids de vos images de 40 à 65% sans perte visible de qualité.

SVG : le format que Google adore

Si le PNG est le problème, le SVG est une partie de la solution. Format vectoriel par essence, le SVG est indexable par les moteurs de recherche (le texte dans le code SVG est lu par Google), pèse presque rien (quelques Ko pour un logo), et s'affiche parfaitement du favicon 16×16 à l'affiche 4K.

Pour les logos, les icônes, les illustrations et les schémas, le SVG n'a aucun concurrent sérieux. Il est animable en CSS, éditable au code, et supporté par tous les navigateurs modernes. Si votre logo est encore en PNG, vous laissez littéralement de l'argent sur la table : un logo SVG se charge en 50 ms quand son équivalent PNG met 400 ms.

WebP : le compromis que Google a imposé

Lancé par Google en 2010, le WebP a mis dix ans à s'imposer. En 2026, 97% des navigateurs le supportent. Il offre une compression avec perte (comme le JPEG) et sans perte (comme le PNG) dans un seul format, avec transparence. Le gain moyen : 25 à 35% plus léger que le JPEG à qualité égale.

Le WebP est le choix pragmatique pour 2026 : il est partout, performant, et ne demande aucun effort technique. La plupart des CMS (WordPress, Shopify) le génèrent automatiquement. Si vous ne savez pas quel format choisir pour vos photos, prenez WebP.

AVIF : le challenger qui attend son heure

Dérivé du codec vidéo AV1, l'AVIF est le format le plus performant de 2026, avec des gains de 20 à 30% par rapport au WebP à qualité égale. Il gère le HDR, la transparence, l'animation, et les espaces colorimétriques étendus.

Le seul frein : le support navigateur n'est pas encore universel (environ 93% de couverture en juin 2026, contre 97% pour WebP). Pour un site grand public, utilisez WebP avec un fallback AVIF via la balise <picture>. C'est la stratégie que les sites les plus rapides ont déjà adoptée.

Le tableau qui va vous faire changer de format

Comment choisir en 3 secondes

Voici la règle simple qui vous évitera de vous tromper :

Logo, icône, illustration ? → SVG. Aucune hésitation. Le vectoriel est imbattable pour tout ce qui n'est pas une photo.
Photo ou image complexe ? → WebP (avec fallback AVIF). Priorité au WebP aujourd'hui, l'AVIF viendra naturellement avec le support navigateur.
Transparence indispensable sans vectorisation possible ? → PNG. Mais uniquement si le WebP ne suffit pas. Et optimisez-le.

Convertissez vos PNG en SVG gratuitement

La première étape pour sortir du piège du PNG est de vectoriser vos éléments graphiques. PNGSVG.fr convertit vos images PNG en SVG vectoriel en un clic, gratuitement et sans inscription. Vos fichiers restent sur votre ordinateur : aucune donnée n'est envoyée vers un serveur.