JPEG, PNG, WebP, AVIF : Choisis le bon format d'image

Tu exportes une image. Les options sont JPEG, PNG, WebP, GIF, AVIF, SVG, et plus.

Ils produisent tous des images. Ils ne sont pas interchangeables.

JPEG : Le standard pour photos

Meilleur pour : Photographies, images complexes avec dégradés, tout avec beaucoup de couleurs.

À éviter pour : Texte, logos, captures d'écran, tout avec des bords nets.

JPEG utilise une compression avec perte. Il jette des données que tu ne remarqueras probablement pas dans les photos. Mais il galère avec les bords nets—le texte a l'air flou, les logos ont des artefacts.

Le paramètre de qualité compte. 80-85% est généralement le sweet spot. En dessous de 60%, les artefacts de compression deviennent évidents.

PNG : Bords nets et transparence

Meilleur pour : Captures d'écran, logos, graphiques avec texte, images nécessitant de la transparence.

À éviter pour : Grandes photographies (les fichiers deviennent énormes).

PNG utilise une compression sans perte. Chaque pixel est préservé exactement. Génial pour les bords nets, terrible pour la taille de fichier sur les images complexes.

PNG-8 (256 couleurs) vs PNG-24 (millions de couleurs). Utilise 8 quand tu peux t'en sortir.

WebP : Le compromis moderne

Meilleur pour : Presque tout sur le web.

À éviter pour : Quand tu as besoin d'une compatibilité maximale avec les vieux navigateurs.

WebP fait à la fois de la compression avec et sans perte, souvent 25-35% plus petit que JPEG ou PNG à la même qualité.

Le support navigateur est excellent maintenant. Utilise WebP avec un fallback JPEG/PNG pour les navigateurs anciens.

AVIF : Le plus récent et le plus petit

Meilleur pour : Compression maximale avec bonne qualité.

À éviter pour : Exigences de support navigateur, préoccupations de vitesse d'encodage.

AVIF atteint une compression encore meilleure que WebP. Mais l'encodage est plus lent et le support navigateur est encore en croissance.

Si tu peux générer des formats à l'avance (sites statiques), utilise AVIF avec des fallbacks.

GIF : Images animées, couleurs limitées

Meilleur pour : Animations simples, graphiques très simples.

À éviter pour : Photos (limite de 256 couleurs), grandes animations (fichiers énormes).

Le support d'animation de GIF le garde en vie. Mais 256 couleurs maximum signifie que les photos ont l'air terrible.

Pour les animations, la vidéo MP4 ou WebM est souvent plus petite et de meilleure qualité.

SVG : Graphiques vectoriels

Meilleur pour : Icônes, logos, illustrations, tout ce qui doit s'adapter.

À éviter pour : Photographies, images complexes.

SVG n'est pas un format bitmap. C'est du XML décrivant des formes. S'adapte à n'importe quelle taille sans perte de qualité.

Pour les icônes et logos, SVG est presque toujours le bon choix.

Guide de décision rapide

| Type de contenu | Format | |----------------|--------| | Photo pour web | WebP (fallback JPEG) | | Capture d'écran | PNG | | Logo/icône | SVG | | Animation simple | GIF ou WebP animé | | Animation complexe | Vidéo MP4/WebM | | Archive qualité max | PNG |

Erreurs courantes

PNG pour toutes les photos. Un PNG de 10MB pourrait être un JPEG de 500KB sans différence visible.

JPEG pour captures d'écran. Le texte devient flou. Utilise PNG.

Ne pas utiliser WebP en 2026. Le support navigateur est excellent. Utilise-le.

Enregistrer JPEG de manière répétée. Chaque enregistrement ajoute des artefacts de compression. Garde les fichiers source et exporte une fois.

---

Le choix du format est spécifique à l'image. Les photos sont JPEG/WebP. Les graphiques sont PNG/SVG. Comprends les compromis et choisis en conséquence.