Formats d’image (JPG, PNG, WebP, GIF, SVG, BMP…)

Les principaux formats d’image

JPG / JPEG (Joint Photographic Experts Group)

Le format roi pour les photographies. Compression avec perte de qualité (réglable). Excellent rapport qualité/poids.

• Usage idéal — photos de paysages, portraits, chantiers, produits. Tout ce qui est “photographique” avec beaucoup de dégradés de couleurs.
• Avantages — fichiers légers (50-500 Ko pour une photo web), très bonne qualité visuelle, supporté par tous les appareils.
• Inconvénients — pas de transparence possible, perte de qualité à chaque enregistrement, mauvais pour les textes et graphismes avec aplats.
• Extension — .jpg ou .jpeg (identiques).

PNG (Portable Network Graphics)

Format sans perte, idéal pour les graphismes, logos, captures d’écran. Supporte la transparence.

• Usage idéal — logos, icônes, captures d’écran, images avec texte, graphiques. Tout ce qui nécessite la transparence ou des contours nets.
• Avantages — qualité parfaite (sans perte), transparence (fond transparent), idéal pour superposer des images.
• Inconvénients — fichiers beaucoup plus lourds que le JPG (3 à 10 fois plus), pas optimal pour les photos.
• Extension — .png.

WebP

Format moderne développé par Google. Combine les avantages du JPG et du PNG avec une meilleure compression.

• Usage idéal — tous les usages web. Remplace avantageusement JPG et PNG sur un site moderne.
• Avantages — 25 à 35% plus léger que JPG à qualité équivalente, supporte la transparence et l’animation, excellent pour le SEO (vitesse).
• Inconvénients — pas supporté par les très vieux navigateurs (mais 97%+ du trafic le supporte aujourd’hui).
• Extension — .webp.
• À retenir — privilégier WebP pour toutes les images d’un site web moderne. Imagify et ShortPixel convertissent automatiquement vos JPG/PNG en WebP.

AVIF

Format encore plus récent (2019), compression supérieure à WebP. Encore en adoption.

• Avantages — 50% plus léger que JPG, meilleure qualité que WebP.
• Inconvénients — support navigateur plus limité (90% environ), génération plus lente.
• Extension — .avif.

GIF (Graphics Interchange Format)

Format ancien, principalement utilisé pour les animations courtes.

• Usage idéal — mini-animations (maximum 256 couleurs), memes, démonstrations rapides d’interfaces.
• Avantages — animation simple, largement supporté.
• Inconvénients — qualité très limitée (256 couleurs max), fichiers lourds pour les animations. Préférer MP4/WebM pour les vidéos courtes sur un site web.
• Extension — .gif.

SVG (Scalable Vector Graphics)

Format vectoriel : l’image est décrite par des formules mathématiques, pas par des pixels. Se redimensionne sans perte de qualité.

• Usage idéal — logos, icônes, illustrations simples, graphiques. Tout ce qui doit rester net à toutes les tailles.
• Avantages — redimensionnement parfait, fichiers très légers (souvent moins de 10 Ko), modifiable par code (couleurs, animations).
• Inconvénients — pas adapté aux photographies, peut poser des problèmes de sécurité (exécution de code) s’il est mal géré.
• Extension — .svg.

BMP (Bitmap)

Format ancien de Microsoft, non compressé. Fichiers très lourds.

• Usage — quasi obsolète sur le web. Parfois utilisé dans certaines applications Windows.
• Avantages — qualité parfaite, compatible toutes versions Windows.
• Inconvénients — fichiers énormes (plusieurs Mo pour une image simple), non optimisé pour le web.
• Conseil — si vous recevez un BMP, convertissez-le en JPG ou PNG avant de l’uploader sur votre site.

TIFF (Tagged Image File Format)

Format professionnel pour l’impression et l’archivage. Pas destiné au web.

• Usage — photographie professionnelle, impression haute qualité, archivage.
• Inconvénients web — fichiers énormes (plusieurs dizaines de Mo), pas supporté par les navigateurs web.

HEIC / HEIF

Format natif des iPhone récents. Excellente compression mais compatibilité limitée.

• Usage — photos prises par iPhone depuis iOS 11.
• Problème — pas supporté par tous les navigateurs, souvent à convertir en JPG avant upload web.

Quel format choisir ?

• Photo — JPG ou WebP (préférer WebP si possible).
• Logo, icône — SVG (si possible), sinon PNG.
• Image avec transparence — PNG ou WebP.
• Animation simple — WebP animé ou MP4/WebM (pas de GIF sur le web moderne).
• Impression — TIFF ou PDF, jamais JPG basse qualité.

Comment convertir entre formats ?

• Outils en ligne — Convertio, CloudConvert, TinyPNG (gratuits, sans installation).
• Logiciels gratuits — GIMP, Paint.NET, IrfanView (Windows), Preview (macOS).
• WordPress — extensions Imagify, ShortPixel, Smush convertissent automatiquement en WebP lors de l’upload.
• Outils en ligne de commande — ImageMagick, cwebp (Google) pour les utilisateurs avancés.

Besoin d’un conseil pour votre site web ?