« Je sauvegarde en JPG ou PNG ? On dit que WebP est plus léger mais pose des problèmes de compatibilité ? C'est quoi AVIF ? Quelle différence entre SVG et bitmap ? » — le choix du format fait perdre du temps à chaque export.
Ce guide utilise une logique de « décision en une phrase » : Photo → JPG, Transparence → PNG, Image web → WebP, Animation → GIF/WebP, Icônes → SVG, Taille minimale → AVIF. Maîtrisez cette règle et 90 % des décisions deviennent instantanées.
01 Six formats majeurs résumés en une phrase
JPG (JPEG) : le roi de la compression avec perte. Idéal pour les photos et images riches en couleurs. Supporte 16 millions de couleurs, pas de transparence. Fichiers légers, compatibilité maximale (100 % des navigateurs). .jpg et .jpeg sont identiques.
PNG : le standard de la compression sans perte. Idéal pour les images nécessitant un fond transparent, les captures d'écran, les graphiques textuels et les icônes. Supporte le canal alpha (semi-transparence). Fichiers 3 à 8 fois plus lourds que JPG. Deux modes : PNG-8 (256 couleurs) et PNG-24 (16 millions de couleurs).
WebP : format moderne développé par Google. Supporte la compression avec et sans perte, la transparence et l'animation. 25 à 35 % plus léger que JPG, 26 % plus léger que PNG. Prise en charge complète par tous les navigateurs modernes (sauf IE). Utilisable en toute confiance pour le web depuis 2024.
GIF : format ancien limité à 256 couleurs, mais qui supporte l'animation par images. Convient aux animations simples et aux mèmes. Inadapté aux photos (limitation de couleurs sévère). Fichiers lourds. Progressivement remplacé par WebP et APNG.
SVG : format vectoriel, essentiellement du code XML. Mise à l'échelle infinie sans flou. Idéal pour les icônes, logos, illustrations et visualisations de données. Inadapté aux photos. Fichiers très légers (< 10 Ko). Contrôlable via CSS/JS.
AVIF : format d'image dérivé du codec vidéo AV1. Meilleur taux de compression — 20 %+ plus léger que WebP. Supporte le HDR, le gamut étendu et la transparence. Prise en charge navigateur > 90 % (2024). Inconvénient : encodage lent.
02 Guide rapide par scénario : quel format pour quel usage ?
Photos produits/portraits → JPG (fichiers légers, belles couleurs). Pour la taille minimale → WebP. Images hero/bannières → WebP (meilleures performances navigateur), JPG en secours.
Logos/icônes → SVG (mise à l'échelle sans perte), PNG en secours. Captures d'écran/graphiques textuels/maquettes UI → PNG (texte net, pas d'artefacts de compression).
Images produits sur fond transparent → PNG-24 (standard) ou WebP (plus léger). Pages détail e-commerce → JPG à 80–85 % (compromis optimal entre netteté et vitesse de chargement).
Mèmes/animations simples → GIF (meilleure compatibilité) ou WebP animé (plus léger). Animation haute qualité → APNG. Partage réseaux sociaux → JPG (compatibilité maximale, moins de dégradation par recompression).
Schémas/diagrammes d'architecture → SVG (zoom détaillé), ou PNG (universel). Images dans les e-mails → JPG/PNG (les clients mail gèrent mal les nouveaux formats).
Si vous hésitez vraiment : photos → JPG, tout le reste → PNG. Cette règle simple couvre 80 % des cas. Optimisez les 20 % restants au besoin.
03 Erreurs courantes de conversion de format
Mythe 1 : convertir un JPG en PNG améliore la qualité. Complètement faux — la compression avec perte du JPG a définitivement supprimé des informations. Convertir en PNG ne fait qu'encoder sans perte des données déjà dégradées. Le fichier grossit plusieurs fois sans aucun gain de qualité.
Mythe 2 : WebP a des problèmes de compatibilité. En 2024, tous les navigateurs majeurs (Chrome, Firefox, Safari, Edge) supportent pleinement WebP. Le seul réfractaire, IE, a été abandonné en 2022. Utilisable pour le web sans souci.
Mythe 3 : SVG se met à l'échelle à l'infini donc tout devrait être en SVG. Le SVG ne convient qu'au contenu graphique (lignes, formes, texte). Les photos ne peuvent pas être converties en SVG — une conversion forcée produit soit des fichiers énormes, soit une distorsion totale.
Mythe 4 : AVIF est le meilleur, donc il faut l'utiliser partout. L'encodage AVIF est lent (10×+ plus lent que WebP), inadapté à la compression en temps réel. Certains appareils anciens décodent aussi lentement. Idéal pour les ressources statiques pré-encodées.
FAQ
Faut-il choisir WebP ou AVIF ?
En 2024, utilisez WebP par défaut — excellente compatibilité, encodage rapide, écosystème mature. Utilisez AVIF pour minimiser la taille des fichiers (à l'échelle de CDN d'images). Si vous ne faites pas d'optimisation massive, WebP est largement suffisant.
Faut-il convertir les photos HEIC de l'iPhone ?
Oui, pour la mise en ligne. HEIC est un format propriétaire Apple avec un support navigateur limité. Convertissez en JPG (compatibilité maximale) ou WebP (taille minimale). Les appareils Apple convertissent généralement en JPG automatiquement lors du partage.
Quelle différence entre PNG-8 et PNG-24 ?
PNG-8 supporte 256 couleurs maximum, fichiers très légers, idéal pour les icônes simples. PNG-24 supporte 16 millions de couleurs + canal alpha complet, fichiers plus lourds, idéal pour les images photo nécessitant de la transparence. Sélectionnable à l'export dans Photoshop.
Les animations doivent-elles utiliser GIF ou WebP ?
Les animations WebP sont généralement 30 à 50 % plus légères que les GIF équivalents. Mais le GIF offre une compatibilité plus large (e-mail, anciens systèmes). Partage social → GIF (plus universel), intégration web → WebP animé (plus léger, plus rapide).
Quelle est la différence fondamentale entre SVG vectoriel et images bitmap ?
Les bitmaps (JPG/PNG, etc.) sont des grilles de pixels qui deviennent floues en agrandissement. Le SVG décrit les formes par des formules mathématiques, restant net à n'importe quelle échelle. Mais le SVG ne peut représenter que des formes géométriques et du texte, pas des photos naturelles — leurs usages ne se chevauchent pas.
Try the Tool Now
Ce guide utilise une logique de « décision en une phrase » : Photo → JPG, Transparence → PNG, Image web → WebP, Animation → GIF/WebP, Icônes → SVG, Taille minimale → AVIF. Maîtrisez cette règle et 90 % des décisions deviennent instantanées.