JPEG, PNG ou WebP : quel format d'image choisir pour le web francais ?

Le choix du format image affecte directement votre score Core Web Vitals et votre LCP dans Google Search France. JPEG, PNG ou WebP: voici les règles pratiques pour les sites .fr.

Pourquoi le format image compte pour votre référencement en France

En 2024, Google utilise les Core Web Vitals comme signal de classement. Le LCP (Largest Contentful Paint) mesure le temps de chargement de l'élément visible le plus grand de votre page - souvent une image. Un LCP inférieur à 2,5 secondes est considéré "bon" par Google.

Sur PageSpeed Insights (l'outil gratuit de Google largement utilisé par les SEO francophones), la recommandation la plus fréquente pour les sites français est de "diffuser des images dans des formats de nouvelle génération" - autrement dit, passer au WebP.

Pour les sites hébergés sur OVHcloud (premier hébergeur français), les images comptent d'autant plus que les configurations TTFB varient selon les data centers. Optimiser le poids des images compense une latence réseau plus élevée.

-> Convertisseur de format d'image

JPEG : le standard pour les photographies

JPEG est un format de compression avec perte (lossy). Il sacrifie une partie des données d'image pendant la compression pour réduire la taille du fichier. Le niveau est réglable via un paramètre de qualité de 0 à 100.

Ideal pour : Photographies, images avec dégradés, portraits, paysages.

A eviter pour : Logos, captures d'écran, texte sur fond uni, images nécessitant la transparence.

Gain de taille : Un JPEG à qualité 85 est généralement 60 à 80% plus petit qu'un PNG sans perte de la même photo.

Limitation principale : Chaque cycle d'édition et re-sauvegarde dégrade la qualité. Conservez toujours votre original en PNG ou RAW.

JPEG ne supporte pas la transparence (canal alpha). Pour les e-mails marketing, JPEG reste le format le mieux supporté par les clients mail.

PNG : sans perte et transparent

PNG utilise une compression sans perte - aucune donnée d'image n'est supprimée. L'image en sortie est identique à l'original en termes de pixels.

Ideal pour : Logos, captures d'écran, éléments d'interface, images nécessitant un fond transparent.

A eviter pour : Photographies (tailles de fichier très importantes vs JPEG).

Point RGAA : Pour les sites publics français soumis au Référentiel Général d'Amélioration de l'Accessibilité (RGAA), toutes les images informatives doivent avoir un attribut alt descriptif, quel que soit le format. Le format n'influence pas la conformité RGAA mais le poids des images affecte l'accessibilité pour les utilisateurs en connexion lente.

-> Compresseur d'images

WebP : le choix moderne pour tous les usages web

WebP a été développé par Google en 2010. Il supporte la compression avec et sans perte, ainsi que la transparence. Les résultats de compression sont nettement meilleurs que JPEG et PNG.

Gain de taille :

  • WebP lossy vs JPEG equivalent : 25 a 35% plus petit
  • WebP lossless vs PNG equivalent : 26% plus petit en moyenne

Support navigateur en 2024 : Tous les navigateurs modernes supportent WebP - Chrome, Firefox, Safari 14+, Edge, Samsung Internet. En France, la part de marché des navigateurs non compatibles est inférieure à 2%.

Transparence : Supportée dans les deux modes (avec et sans perte).

La balise HTML <picture> permet de servir WebP avec un fallback JPEG pour les rares navigateurs incompatibles :

<picture>
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Description de l'image">
</picture>

-> Convertisseur de format d'image

Impact sur le LCP et Core Web Vitals

Google Search Console France affiche le rapport Core Web Vitals par URL. Voici les seuils à connaître :

MétriqueBonA améliorerMauvais
LCP< 2,5s2,5 - 4s> 4s
FID/INP< 100ms100 - 300ms> 300ms
CLS< 0,10,1 - 0,25> 0,25
Pour améliorer le LCP, l'image principale de vos pages doit être :

  • En format WebP (ou AVIF pour les navigateurs qui le supportent)
  • Dimensionnée correctement (pas de redimensionnement CSS d'une image 2000px affichée en 400px)
  • Préchargée avec <link rel="preload"> si c'est l'image au-dessus de la ligne de flottaison

Un test sur PageSpeed Insights révèle immédiatement si vos images pèsent trop lourd pour le LCP de votre page.

Guide de décision rapide

SituationFormat recommandé
Photo pour article de blogWebP (fallback JPEG)
Logo avec fond transparentWebP lossless ou PNG
Capture d'écranPNG
Icone / pictogramme SVG possibleSVG de préférence, sinon PNG
Image pour newsletter e-mailJPEG
Fichier source pour retouchePNG ou format RAW
Optimisation LCP Core Web VitalsWebP

Exigences RGAA pour les images

Pour les organismes publics et entreprises de plus de 250 salariés en France, le RGAA impose :

  • Attribut alt sur toutes les images informatives
  • alt="" sur les images décoratives (pour que les lecteurs d'écran les ignorent)
  • Ratio de contraste du texte incrusté dans les images : 4,5:1 minimum pour le texte normal
  • Pas de texte en image pour les contenus essentiels (sauf logos)

-> Compresseur d'images

Résumé pratique

  • JPEG : photographies, e-mails, compatibilité maximale
  • PNG : logos, transparence, captures d'écran, sources de travail
  • WebP : choix par défaut pour tout contenu web en 2024

Pour le référencement naturel en France, convertir vos images en WebP est l'action à fort impact la plus simple. Un gain de 30% sur le poids des images se traduit directement par un meilleur score LCP dans PageSpeed Insights et une meilleure position potentielle dans Google Search France.