Caractéristiques du format JPEG

Le format JPEG (ou JPG, même chose) est un format de compression avec perte. À chaque sauvegarde, des données sont supprimées de manière irréversible pour réduire la taille du fichier. Plus le taux de compression est élevé, plus l'image est légère, et plus la qualité visuelle se dégrade.

C'est le format de référence pour les photographies, les illustrations réalistes et tout contenu avec de nombreuses nuances de couleurs. En revanche, il est inadapté aux logos, icônes et captures d'écran contenant du texte, où la compression crée des artefacts visibles.

JPEG, PNG, WebP : quel format choisir ?

Format Type de compression Transparence Idéal pour Poids moyen
JPEG Avec perte Non Photos, images réalistes Moyen
PNG Sans perte Oui Logos, captures, graphiques Lourd
WebP Avec ou sans perte Oui Tout type d'image sur le web Léger
AVIF Avec perte Oui Photos avec compression maximale Très léger

Le WebP, développé par Google, produit des fichiers environ 25 à 35 % plus légers qu'un JPEG équivalent pour une qualité visuelle similaire. C'est aujourd'hui la recommandation par défaut pour les nouvelles images web, avec le JPEG en fallback pour les anciens navigateurs.

Optimisation SEO des images JPEG

La qualité d'une image JPEG pour le SEO ne se résume pas à son poids. Voici les points à traiter :

  1. Compresser à la bonne qualité

    Un niveau de qualité entre 75 et 85 % est généralement suffisant pour une utilisation web. En dessous, les artefacts deviennent visibles. Au-dessus, le gain de qualité est imperceptible mais le poids augmente fortement.

  2. Respecter un poids cible

    Pour les images de contenu, visez moins de 150 Ko. Pour les images de fond ou les bannières larges, restez sous 300 Ko. Au-delà, le poids de la page impacte les Core Web Vitals.

  3. Nommer le fichier correctement

    Le nom du fichier est lu par Google. Préférez restaurant-montpellier-terrasse.jpg à IMG_4832.jpg. Utilisez des tirets, pas d'espaces ni d'underscores, et restez descriptif.

  4. Renseigner l'attribut alt

    L'attribut alt décrit l'image pour Google et pour les personnes utilisant un lecteur d'écran. Il doit être précis et descriptif, sans bourrage de mots-clés.

  5. Redimensionner aux dimensions réelles d'affichage

    Charger une image de 3 000 pixels pour l'afficher sur 800 pixels est un gaspillage de bande passante. Redimensionnez avant d'exporter, et utilisez l'attribut srcset pour servir la bonne taille selon l'écran.

JPEG et Google Images

Les images correctement optimisées peuvent apparaître dans Google Images et générer du trafic supplémentaire. Pour maximiser la visibilité :