PNG vs JPG vs WebP

La règle en une ligne

Les photographies vont en JPG ou WebP. Les captures d’écran, les logos, les dessins au trait et tout ce qui demande de la transparence vont en PNG ou WebP. Si vous ne retenez qu’une chose : la question n’est pas « quel format est le meilleur » mais « cette image a-t-elle des dégradés doux ou des aplats de couleur unie ».

Ce que fait réellement chaque format

JPG (JPEG)

Avec perte. Il convertit l’image en une représentation fréquentielle, jette les détails auxquels l’œil est le moins sensible et conserve le reste. D’où sa légèreté sur les photos et sa médiocrité sur le texte : les bords francs entre deux aplats sont précisément l’information haute fréquence qu’il jette, ce qui se voit sous forme de bavures grises autour des lettres dans une capture d’écran compressée. Le JPG ignore la transparence, et chaque réenregistrement aggrave la perte.

PNG

Sans perte, avec transparence alpha complète. Il compresse en cherchant les répétitions, ce qui le rend excellent sur les aplats — une capture d’interface ou un logo peut sortir spectaculairement plus léger que le JPG équivalent, et parfaitement net. Sur une photographie, où presque aucun pixel voisin n’est identique, cette même approche produit un fichier plusieurs fois plus lourd que le JPG sans aucun gain visible.

WebP

Les deux, dans un seul conteneur : un mode avec perte pour les photos et un mode sans perte pour les graphiques, plus la transparence dans les deux cas. L’étude comparative de Google place le WebP sans perte à environ 26 % sous le PNG, et le WebP avec perte à environ 25–34 % sous le JPG à qualité équivalente (WebP compression study). Tous les navigateurs actuels — Chrome, Firefox, Safari, Edge — le décodent.

Choisir selon la nature de l’image

Quatre erreurs qui coûtent vraiment de la qualité

• Enregistrer une photo en PNG « pour garder la qualité ». Le sans perte conserve ce qu’on lui donne. Si la source était déjà un JPG, la conversion en PNG ne restaure rien et multiplie le poids du fichier.
• Réenregistrer le même JPG encore et encore. Chaque enregistrement requantifie l’image. Retouchez depuis l’original, exportez une seule fois.
• Compresser alors qu’il faudrait redimensionner. Une photo de 6000 px de large affichée dans une colonne de 600 px, c’est 100 fois plus de pixels que nécessaire. Redimensionnez d’abord, compressez ensuite — dans cet ordre. Redimensionner l’image, then la compresser.
• Courir après la qualité 100. Le haut de l’échelle de qualité JPG n’achète presque aucune amélioration visible pour une forte pénalité de poids. C’est vers 80 que la plupart des photos cessent d’être distinguables de l’original.

Testez sur votre propre fichier

Les conseils sur les formats sont généraux ; votre image est particulière. Une illustration en aplats et une photo de nuit bruitée ne se comportent pas du tout pareil. Le plus rapide est de passer le même fichier dans les deux et de comparer les chiffres : convertir en WebP, convertir en JPG, convertir en PNG. The compresseur comprend aussi une échelle de qualité qui encode votre fichier à plusieurs réglages d’un coup et affiche les tailles réelles, mesurées sur votre image et non sur le jeu de test de quelqu’un d’autre.

Tout se passe dans votre navigateur : vous pouvez donc le faire avec des images que vous n’enverriez jamais sur un site de test. C’est tout l’intérêt de Kobra IMG.