PNG ou JPEG : quel format d'image choisir pour ton site en 2026

La question « PNG ou JPEG » se pose depuis vingt ans, et la plupart des réponses qu'on trouve en ligne datent d'une époque où c'étaient les deux seuls choix sérieux. En 2026, ce n'est plus le cas. Pour un site web, le bon format est souvent un troisième larron, le WebP, que Shopify et WordPress gèrent déjà pour toi sans que tu t'en rendes compte.

Mais PNG et JPEG restent partout : c'est ce que sortent les appareils photo, les outils de capture d'écran, Canva, les générateurs d'images IA. Il faut donc savoir quand utiliser l'un, quand utiliser l'autre, et quand convertir. Voici la réponse par cas d'usage, avec des poids de fichiers réels.

La différence entre PNG et JPEG en 30 secondes

Le JPEG utilise une compression avec perte : il supprime des détails que l'œil remarque peu pour réduire drastiquement le poids. Résultat : parfait pour les photos, catastrophique pour du texte net ou des aplats de couleur, où la compression crée des artefacts baveux autour des contours.

Le PNG utilise une compression sans perte : chaque pixel est restitué à l'identique. Il gère aussi la transparence (le fond invisible derrière un logo), ce que le JPEG ne sait pas faire. La contrepartie : sur une photo, le PNG pèse un poids délirant.

Un ordre de grandeur concret. Prends une photo produit de 1600 px de large : en JPEG qualité 80, elle tourne autour de 150 à 250 Ko. La même image enregistrée en PNG dépasse facilement 1 Mo, parfois 2. Et en WebP, tu descends encore de 25 à 34 % sous le JPEG à qualité visuelle égale, d'après l'étude de compression de Google. Sur une fiche produit avec 6 photos, la différence entre PNG et WebP, c'est plusieurs Mo par page. Ça se paie en vitesse et en référencement.

Quand choisir le JPEG

Le JPEG reste le format de travail pour tout ce qui est photographique :

• photos de produits pour un site e-commerce
• photos d'équipe, de locaux, de réalisations
• visuels avec beaucoup de dégradés et de textures (paysages, portraits)

Règle pratique : exporte en qualité 75 à 85. En dessous de 70, les artefacts deviennent visibles ; au-dessus de 90, le poids explose pour un gain invisible. Et redimensionne avant d'exporter : inutile d'envoyer une image de 4000 px si elle s'affiche en 800 px sur ton site.

Le piège classique du JPEG : les captures d'écran et les visuels avec du texte. Les lettres ressortent entourées d'un halo grisâtre. Pour ça, c'est PNG.

Quand choisir le PNG

Le PNG s'impose dans trois cas :

La transparence. Un logo à poser sur des fonds différents, un packshot détouré, un élément graphique à superposer : il te faut un fond transparent, donc du PNG (ou du WebP, qui gère aussi la transparence).

Les captures d'écran et interfaces. Texte, boutons, aplats de couleur : le PNG les restitue au pixel près, là où le JPEG les dégrade.

Les fichiers de travail. Si tu comptes retoucher ou réexporter une image plusieurs fois, garde un PNG comme master. Chaque réenregistrement en JPEG dégrade un peu plus l'image ; le PNG, jamais.

Ce que le PNG n'est pas : un format de photo pour le web. C'est l'erreur la plus fréquente que je croise sur les boutiques en ligne : des fiches produit entières en PNG parce que « c'est meilleure qualité ». La qualité perçue est identique, le poids est 5 à 10 fois supérieur, et la page rame.

WebP et AVIF : ce que ton site devrait vraiment servir

Le WebP combine le meilleur des deux : compression forte comme le JPEG, transparence comme le PNG. En lossless, il pèse environ 26 % de moins qu'un PNG équivalent, toujours selon les chiffres de Google. Tous les navigateurs actuels le lisent. L'AVIF va encore plus loin en compression, avec un support désormais généralisé.

La bonne nouvelle : tu n'as souvent rien à faire.

• Shopify convertit automatiquement tes images via son CDN : tu uploades du JPEG ou du PNG, le visiteur reçoit de l'AVIF ou du WebP selon son navigateur. Ça fonctionne pour les images produits et les assets de thème servis par le pipeline d'images Shopify, mais pas pour les URLs codées en dur ou les images injectées par des apps (détail des cas couverts).
• WordPress accepte l'upload direct de WebP depuis la version 5.8 et d'AVIF depuis la 6.5. Beaucoup de plugins de cache et d'hébergeurs font la conversion à la volée.

Concrètement : sur Shopify ou un WordPress bien configuré, uploade un JPEG propre (photos) ou un PNG (transparence) et laisse la plateforme servir le format moderne. Sur un site custom ou un thème qui contourne le CDN, convertis toi-même en WebP avant l'upload.

Le SVG, cas à part pour les logos et icônes

Un logo n'a en réalité rien à faire en PNG ni en JPEG sur un site : le SVG est un format vectoriel, il reste net à toutes les tailles et pèse souvent moins de 10 Ko. Icônes, logos, illustrations à aplats : SVG d'abord, PNG en secours si ta plateforme le refuse (par sécurité, WordPress bloque les SVG par défaut). Pour tout ce qui est photographique, le SVG ne s'applique pas.

Le tableau de décision par usage

Pour les miniatures YouTube, le format n'est d'ailleurs pas le vrai sujet : ce qui fait cliquer, c'est la composition. J'en parle en détail dans le guide des miniatures YouTube qui fonctionnent.

L'impact réel sur ton SEO et ta vitesse

Google mesure l'expérience de chargement avec les Core Web Vitals, et le LCP (Largest Contentful Paint) est très souvent... une image. Une photo de bannière de 2 Mo en PNG peut à elle seule faire passer ta page dans le rouge. Passer les images au bon format est le levier vitesse au meilleur rapport effort/résultat : pas de refonte, pas de développeur, juste des fichiers plus légers.

Sur une boutique, l'effet se cumule : moins de poids, c'est un meilleur score de vitesse, un meilleur taux de conversion mobile, et une facture de bande passante réduite. Si ta boutique est lente, commence par les images avant de toucher au reste : le guide pour accélérer un site Shopify détaille la démarche complète.

Et pendant que tu optimises tes fichiers, ne néglige pas la couche HTML : un attribut alt descriptif sur chaque image, des dimensions déclarées pour éviter les sauts de mise en page. C'est le même chantier que les balises SEO essentielles, et ça se traite en une après-midi. Tout ça s'inscrit dans une stratégie marketing digital plus large : un site rapide convertit mieux, quel que soit le trafic que tu envoies dessus.

Convertir et compresser gratuitement

Pas besoin d'outil payant pour 95 % des cas :

• Squoosh : l'outil web gratuit de l'équipe Chrome. Tu glisses ton image, tu compares l'avant/après en temps réel, tu exportes en WebP, AVIF, JPEG ou PNG en choisissant la qualité. Le traitement se fait dans ton navigateur, rien n'est envoyé sur un serveur. Mon réflexe pour les conversions à l'unité.
• TinyPNG : compression intelligente de PNG, JPEG, WebP et AVIF par lots. La version gratuite accepte jusqu'à 20 images de 5 Mo maximum à la fois, largement assez pour un usage courant. Il existe aussi un plugin WordPress qui compresse automatiquement à l'upload.
• En local : si tu es à l'aise avec un terminal, cwebp (l'outil officiel de Google) convertit des dossiers entiers en une commande.

La routine qui marche : redimensionner à la taille d'affichage réelle, puis compresser, puis uploader. Dans cet ordre.

Images générées par IA : quel format exporter

Les générateurs d'images sortent quasiment tous du PNG par défaut (parfois du WebP selon l'outil et le réglage). C'est logique de leur côté, le PNG préserve chaque pixel, mais c'est un piège côté publication : une image IA en 1024 ou 2048 px en PNG pèse vite plus de 2 Mo.

Le réflexe à prendre : jamais d'image IA publiée telle quelle. Redimensionne à la taille utile, convertis en WebP (ou en JPEG si la plateforme l'exige), et vérifie le rendu, la compression IA + compression JPEG cumulées peuvent créer des artefacts sur les zones de texte. Si tu cherches encore ton outil de génération, j'ai comparé les meilleurs générateurs d'images IA gratuits et payants avec leurs formats d'export respectifs.

Garde le PNG d'origine dans tes archives comme master, et publie la version convertie. Le jour où tu veux recadrer ou réutiliser l'image, tu repars du fichier propre.

FAQ

PNG ou JPEG pour l'impression ?

Entre les deux, PNG, à condition d'avoir une résolution suffisante (300 dpi à la taille d'impression finale). Mais aucun des deux n'est le format préféré des imprimeurs : le PNG ne gère pas le mode colorimétrique CMJN utilisé en imprimerie, et le JPEG dégrade l'image. Pour un flyer ou une carte de visite, demande à ton imprimeur, la plupart veulent du PDF ou du TIFF. Le PNG haute résolution reste un plan B acceptable pour de petites impressions.

Quelle est la différence entre PNG et JPEG pour la qualité ?

Sur une photo affichée à l'écran, aucune différence visible à l'œil nu si le JPEG est exporté en qualité 80 ou plus. La différence se voit sur le texte, les logos et les contours nets, où le JPEG crée des artefacts. La vraie différence, c'est le poids : le PNG d'une photo pèse 5 à 10 fois plus lourd.

Le WebP remplace-t-il PNG et JPEG partout ?

Sur le web, quasiment : il fait les deux jobs en plus léger et tous les navigateurs actuels le lisent. Restent des exceptions : l'emailing (certains clients mail ne l'affichent pas), l'impression, et certains logiciels métier qui ne l'ouvrent pas. D'où l'intérêt de garder tes masters en PNG/JPEG et de servir du WebP.

Faut-il convertir toutes les anciennes images de mon site ?

Si tu es sur Shopify ou sur un WordPress avec conversion automatique, non : le CDN s'en charge à la volée. Sinon, priorise : commence par les images des 10 pages qui reçoivent le plus de trafic et par celles qui pèsent plus de 300 Ko. Convertir 2000 images de pages que personne ne visite ne changera rien à ton business.

Ce qu'il faut retenir

JPEG pour les photos, PNG pour la transparence et les captures, SVG pour les logos, WebP pour tout ce qui part sur le web. Et surtout : le format compte moins que le poids final. Une image bien dimensionnée et compressée en JPEG battra toujours un PNG brut de 3 Mo, peu importe le débat théorique. Passe tes 10 pages les plus visitées dans Squoosh ce soir, tu verras la différence dans PageSpeed dès demain.