L’autre jour, un client nous a envoyé les visuels pour son nouveau site : un dossier de 340 Mo pour douze images. Douze. On a fait le calcul ensemble : à ce rythme, sa page d’accueil aurait mis presque 8 secondes à charger sur mobile. La raison ? Tout était en PNG, y compris les photos de son atelier.
C’est le genre d’erreur qu’on croise souvent chez Appinov, et elle part rarement d’une mauvaise intention. La plupart des gens ne savent tout simplement pas qu’il y a une vraie logique derrière le choix entre PNG et JPEG. On ne va pas vous noyer sous le jargon technique, mais quelques minutes de lecture ici peuvent vous faire gagner des secondes précieuses de chargement, et ça, Google adore.
Ce qui distingue vraiment ces deux formats
Techniquement, la différence tient à la façon dont chaque format compresse une image.
Le JPEG « triche » un peu, dans le bon sens du terme. Il enlève des informations que l’œil humain ne remarquera de toute façon pas, et allège drastiquement le fichier. C’est ce qu’on appelle une compression avec perte. Poussée trop loin, elle laisse parfois de petits artefacts, notamment autour des zones très contrastées, mais bien dosée, elle est quasiment invisible.
Le PNG, lui, ne sacrifie rien. Chaque pixel reste exactement tel quel. C’est bluffant en termes de fidélité, mais ça se paie en poids de fichier, parfois de façon spectaculaire sur une photo un peu détaillée.
Donc non, un format n’est pas « meilleur » que l’autre dans l’absolu. Tout dépend de ce que vous mettez dedans.
Le JPEG, votre allié pour les photos
Pour tout ce qui ressemble à une photographie — un plat en gros plan, un paysage, le portrait d’une équipe, une photo produit — le JPEG reste le choix logique. Beaucoup de couleurs, des dégradés partout, une compression forte qui passe totalement inaperçue : c’est exactement son terrain de jeu.
On a fait le test récemment sur une bannière e-commerce : la même photo pesait 1,6 Mo en PNG et 190 Ko en JPEG bien exporté. À l’œil nu, aucune différence perceptible. Sur un catalogue de cinquante produits, cet écart change complètement l’expérience de navigation, surtout en 4G.
Et le PNG, alors, à quoi il sert vraiment ?
Dès qu’il y a de la transparence en jeu, le PNG devient indispensable. Un logo qu’on va poser sur des fonds différents, une icône, un visuel avec du texte détouré : là, pas le choix.
Pareil pour les captures d’écran ou les schémas. Le JPEG a tendance à « baver » légèrement sur les contours nets et le texte, ce qui donne un rendu un peu flou, presque amateur, surtout si on zoome. Sur un logo, c’est particulièrement visible et ça fait mauvais genre.
Pourquoi Google se soucie de tout ça
On pourrait se dire que c’est un détail technique sans importance. Sauf que la vitesse de chargement fait partie des critères que Google surveille de près depuis l’arrivée des Core Web Vitals. Et devinez quel est souvent le premier coupable d’un site lent ? Les images mal optimisées.
Un site qui met une seconde à s’afficher garde ses visiteurs. Un site qui en met quatre en perd une bonne partie avant même qu’ils aient vu le contenu. Le format d’image, sur ce point précis, joue un rôle bien plus important qu’on ne le croit.
Petite parenthèse : si vous voulez vraiment aller plus loin que PNG et JPEG, jetez un œil au WebP. C’est le format que la plupart des sites modernes utilisent maintenant en coulisses, et il permet souvent de diviser le poids d’un JPEG par deux, sans perte visible.
Quelques réflexes qui changent tout
Choisir le bon format, c’est la moitié du travail. L’autre moitié tient en quelques habitudes simples, qu’on répète à peu près à chaque client :
Ne balancez pas une image de 4000 pixels de large si elle s’affichera sur
800 pixels à l’écran. Ça arrive plus souvent qu’on ne le pense, notamment
avec des photos prises directement au smartphone.
Compressez avant la mise en ligne. Des outils comme TinyPNG ou Squoosh
font ça en quelques secondes, gratuitement, et le résultat est souvent
bluffant : parfois 60 à 70 % de poids en moins sans rien perdre à l’œil.
N’oubliez pas l’attributalt. C’est petit, ça prend deux
secondes à remplir, et pourtant c’est régulièrement laissé vide. Google
s’en sert pour comprendre le contenu de l’image, et ça compte pour votre
référencement.
Et pendant qu’on y est : renommez vos fichiers avant l’upload.
IMG_2847.jpgne raconte rien à personne.
cuisine-moderne-renovee-appinov.jpgen dit déjà beaucoup
plus, à vous comme à Google.
Bon, concrètement, on fait comment ?
Si vous hésitez encore devant votre image, posez-vous une seule question : est-ce qu’il y a du texte, des contours nets, ou ai-je besoin de transparence ? Si oui, PNG. Sinon, si c’est une photo avec plein de nuances de couleurs, foncez sur du JPEG.
Chez nous, quand on reprend un site existant, l’audit des images est presque toujours l’une des premières choses qu’on regarde. C’est souvent là qu’on trouve les gains les plus rapides à obtenir, bien avant de toucher au code ou de changer d’hébergeur.
Au final, ce n’est pas une question de goût personnel. C’est une question d’usage. Photos et couleurs riches, JPEG. Logos, icônes, captures d’écran, transparence, PNG. Et dans tous les cas, pensez à alléger vos fichiers : c’est un des leviers les plus sous-estimés pour améliorer à la fois l’expérience de vos visiteurs et votre position sur Google.
FAQ : PNG ou JPEG, lequel choisir pour vos images ?
1. Le WebP peut-il remplacer complètement le PNG et le JPEG ?
Dans la pratique, oui, pour la plupart des usages. Il réduit le poids de 25 à 35 % en moyenne par rapport à ses concurrents. Le seul vrai frein aujourd’hui, c’est certains vieux navigateurs ou logiciels d’édition qui ne le gèrent pas encore, mais c’est de plus en plus rare.
2. Compresser un JPEG, ça abîme vraiment l’image ?
Ça dépend du niveau. Autour de 80 % de qualité, on ne voit quasiment aucune différence. En dessous, ça commence à se voir, surtout sur les contrastes forts ou les dégradés doux.
3. Un logo doit forcément être en PNG ?
Presque toujours, oui, surtout s’il doit se poser sur des fonds différents. Si votre logo n’apparaît que sur un fond unique et fixe, un JPEG bien exporté peut suffire, mais c’est plus l’exception que la règle.
4. Le format d’image compte pour le classement Google ?
Pas de façon directe, mais indirectement, énormément. Le poids des images influence la vitesse de chargement, et ça, Google le mesure activement dans son algorithme.
5. Quel poids viser pour une image de site web ?
Il n’y a pas de chiffre magique, mais en dessous de 200 Ko pour une image de contenu classique, on est généralement dans une bonne zone, sans sacrifier le rendu visuel.
6. Faut-il tout convertir d’un coup sur un site existant ?
Pas forcément dans l’urgence, mais c’est le genre de chantier qu’on recommande à chaque refonte ou audit de performance. Certains plugins automatisent d’ailleurs cette conversion sans y toucher manuellement.
7. Le format influence-t-il le référencement sur Google Images ?
Le format en lui-même, peu. Ce qui compte davantage, c’est le poids du fichier, le nom donné à l’image et l’attribut alt renseigné correctement.
