JPEG, WebP et PNG comparés sur une vraie photo

Un même pourcentage de qualité n'a pas le même sens selon le format. Nous avons importé la photo Earthrise de NASA dans Apps24 et téléchargé JPEG et WebP à 80%, sans changer les dimensions. L'original et les fichiers téléchargés permettent de refaire la comparaison.

Entrée et résultat

`Earthrise · JPEG · 1041×813`	`59,190 bytes`
`JPEG 80% · 1041×813`	`42,674 bytes`
`JPEG 60% · 1041×813`	`35,582 bytes`
`WebP 80% · 1041×813`	`27,016 bytes`
`WebP 60% · 1041×813`	`17,934 bytes`
`PNG · 1041×813`	`395,915 bytes`
`WebP 80% · 521×407`	`8,224 bytes`

Interpréter le résultat

L'original JPEG faisait 59 190 octets, JPEG 80% 42 674 et WebP 80% 27 016, soit environ 54,4% de moins que l'original. PNG a atteint 395 915 octets, environ 6,7 fois l'original. Convertir une photo déjà compressée en format sans perte peut l'agrandir sans restaurer les détails perdus du JPEG. Les réglages 80% de JPEG et WebP ne garantissent pas une qualité visuelle équivalente.

Étape suivante

Ouvrez et téléchargez l'original, puis importez-le. Gardez les dimensions à 100% et changez d'abord seulement le format, puis la qualité. Examinez les nuages et la surface lunaire à l'échelle originale : un petit aperçu masque certains défauts. Essayez ensuite 50% des dimensions si l'affichage final le permet. Ici, WebP 80% à 50% donnait 521×407 pixels et 8 224 octets, avec moins de détails. Conservez l'original.

Utiliser l’outil

Limites et conditions de test

Essai du 2026-10-07 sous Chromium 154 : original 1041×813, encodeur canvas du navigateur et redimensionnement de haute qualité. Le tableau provient du script; les vrais téléchargements JPEG/WebP 80% avaient les mêmes empreintes. Une photo ne constitue ni une moyenne générale ni une note de qualité. Photo source : NASA, pas Apps24. Les dérivés sont réencodés pour comparaison. NASA ne cautionne ni Apps24 ni ces résultats.

photo-comparison.js

Références

Apps24 confronte les exemples au code et aux tests de régression. Les essais de navigateur précisent leurs conditions, sans certifier tous les appareils. Signalez une erreur avec l’URL, l’entrée, le résultat attendu et le navigateur. N’envoyez jamais de mots de passe, de documents privés ni de données personnelles.