Chaque format d'image est un jeu de compromis entre taille de fichier, qualité et fonctionnalités comme la transparence ou l'animation. Choisissez le mauvais et vous obtenez des fichiers boursouflés, du texte flou ou des graphiques qui refusent de s'afficher. Voici chacun des formats courants en termes simples, suivi d'un tableau à garder sous la main.
Les deux grandes familles
Avant les formats individuels, une distinction en explique la plupart :
- Les images matricielles (raster) sont des grilles de pixels. Les photos sont matricielles. Zoomez assez et vous voyez des carrés. PNG, JPG, WebP, AVIF et GIF sont tous matriciels.
- Les images vectorielles sont des maths — lignes, courbes et formes définies par des coordonnées. Elles s'agrandissent à toute taille sans flou. SVG est le format vectoriel du web.
L'autre idée clé, c'est avec perte ou sans perte. Les formats avec perte (JPG, généralement AVIF/WebP) écartent certains détails pour réduire le fichier. Les formats sans perte (PNG, GIF, WebP sans perte) conservent chaque pixel à l'exact.
Les formats, un par un
JPG (JPEG) — Le cheval de bataille des photographies. Avec perte, léger et lisible littéralement partout. Pas de transparence, pas d'animation. Les ré-enregistrements répétés le dégradent lentement. À utiliser pour les photos et partout où une compatibilité maximale est requise.
PNG — Sans perte, prend en charge la transparence. Le bon choix pour les captures d'écran, logos, icônes et schémas — tout ce qui comporte du texte ou des bords francs. Les photos en PNG sont volumineuses, ne l'utilisez donc pas pour elles.
WebP — Un format moderne qui fait les deux : le mode avec perte bat le JPG en taille (~25 à 35 % plus petit), le mode sans perte gère la transparence et reste compact. Il gère aussi l'animation. Universellement pris en charge par les navigateurs aujourd'hui. Idéal pour le web ; moins pour l'e-mail ou les logiciels anciens.
AVIF — Le plus récent et le meilleur compresseur ici, à peu près la moitié de la taille du JPEG à qualité comparable, avec transparence et HDR. Les navigateurs savent bien l'afficher, mais ne savent pas l'encoder de façon fiable depuis un canevas — les outils basés navigateur basculent donc vers le WebP quand vous demandez de l'AVIF. Un véritable encodage AVIF exige un serveur ou une application native.
GIF — Ancien, limité à 256 couleurs, mais le classique de l'animation simple. Pour tout ce qui dépasse une courte boucle, le WebP (ou une vidéo) est plus léger et plus net. Parfait pour de minuscules icônes animées ; médiocre pour les photos.
SVG — Vectoriel, il s'agrandit à l'infini sans flou et reste minuscule pour les graphiques simples. Parfait pour les logos, icônes et illustrations. C'est du code, pas des pixels, il ne peut donc pas représenter une photographie.
Tableau comparatif
| Format | Type | Compression | Transparence | Animation | Idéal pour |
|---|---|---|---|---|---|
| JPG | Matriciel | Avec perte | Non | Non | Photos, compatibilité maximale |
| PNG | Matriciel | Sans perte | Oui | Non | Captures d'écran, logos, texte |
| WebP | Matriciel | Les deux | Oui | Oui | Images web, léger + alpha |
| AVIF | Matriciel | Avec/sans perte | Oui | Oui | Compression maximale (côté serveur) |
| GIF | Matriciel | Sans perte | 1 bit seulement | Oui | Animations simples |
| SVG | Vectoriel | S. o. | Oui | Oui (avec CSS/JS) | Logos, icônes, illustrations |
Comment choisir, vite
- Une photographie ? JPG pour la compatibilité, WebP pour le web.
- Une capture, un logo ou du texte ? PNG (matriciel) ou SVG (si c'est un vrai graphique vectoriel).
- Besoin de transparence ? PNG, WebP, AVIF ou SVG — jamais JPG.
- De l'animation ? WebP pour la qualité et la taille, GIF seulement pour la simplicité héritée.
- Une publication sur un site web ? Le WebP est généralement le choix par défaut intelligent.
Convertir de l'un à l'autre
Quand vous avez le mauvais format, nul besoin de rien téléverser pour y remédier. Le Convertisseur d'images bascule entre PNG, JPG et WebP directement dans votre navigateur avec Canvas — pas de compte, rien de transmis, et ça fonctionne hors ligne après la première visite. Il gère les lots, et si vous demandez de l'AVIF il bascule vers le WebP (plus léger que JPG/PNG et pris en charge partout) puisque les navigateurs ne savent pas encoder l'AVIF de façon fiable.
Gardez le tableau ci-dessus en tête et le choix du format cesse d'être un pari : associez le format au contenu (photo ou graphique), puis à la destination (web, e-mail, impression), et vous choisirez correctement presque à chaque fois.