Choisir le bon format d'image (PNG, JPG, WebP, SVG, AVIF)

2025-09-10•14 mots•1m lecture

Quand utiliser PNG, JPEG, WebP, SVG ou AVIF pour équilibrer poids, qualité, transparence et compatibilité.

1. Arbre rapide

Vecteur / logo → SVG.
Photo → AVIF (fallback WebP/JPEG).
UI avec alpha → PNG (ou WebP lossless).
Icônes → SVG ou WebP.

2. Comparatif

Format	Avantages	Limites
JPEG	Support large	Pas d\'alpha
PNG	Lossless + alpha	Lourd pour photos
WebP	Alpha + modes	Vieux navigateurs
AVIF	Compression élevée	Encodage lent
SVG	Infini scalable	Complexité = poids

3. Fallback

<picture> : AVIF → WebP → JPEG/PNG.

4. Automatisation

Multiples largeurs.
Suppression métadonnées.
Hash pour cache.

5. Erreurs fréquentes

PNG pour photos.
SVG non optimisé.
Sans fallback AVIF.

Autres langues

FAQ

Quand utiliser PNG ?
Pour la transparence ou des éléments UI nets; envisager WebP lossless si supporté.
AVIF est-il toujours nécessaire ?
Non, ciblez contenus photo critiques avec fallback WebP/JPEG.

Compteur des transformations locales que vous faites ici (convertir, optimiser, redimensionner, recadrer, retirer l’arrière-plan). Tout se fait en privé dans votre navigateur.