Expérimentation originale et conditions de reproduction
L'original est un exemple d'image de produit généré par l'IA et fourni par Moyoutil. Il ne s’agit pas d’une prise de vue originale de la caméra. PNG, 1254×1254 pixels, 1 611 701 octets, pas de zones transparentes. Je l'ai réencodé avec toBlob dans le navigateur Canvas sans changer sa taille. Des valeurs de qualité de 60, 80 et 90 ont été saisies respectivement pour JPEG et WebP, et aucune valeur de qualité n'a été appliquée au PNG.
Téléchargez la même image originale
Cette source est fournie à titre d'exemple comparatif. Il ne transfère pas les fichiers de l'utilisateur et l'exécution ci-dessous les recalcule dans le navigateur actuel. Si les valeurs diffèrent du tableau enregistré, vérifiez également les différences des encodeurs du navigateur.
Nombre d'octets mesurés et interprétation des résultats
| Formater | Entrez la qualité | Octets réels |
|---|---|---|
| PNG | Sans objet | 2476565 |
| JPEG | 60 | 33329 |
| JPEG | 80 | 62518 |
| JPEG | 90 | 120497 |
| WEBP | 60 | 13816 |
| WEBP | 80 | 24234 |
| WEBP | 90 | 67034 |
Pour cette entrée, WebP était plus petit que JPEG avec le même numéro de qualité, mais il ne s'agit pas d'une comparaison mesurant une qualité égale. Les numéros de qualité n'ont pas la même signification dans chaque format et les résultats varient en fonction du contenu de l'image. Les différences visuelles nécessitent une comparaison directe en agrandissant les fichiers résultants au même grossissement.
La réenregistrement PNG est plus grand que l'original à 2 476 565 octets. L'enregistrement au format PNG ne réduit pas toujours la taille. This measurement records file size and is not an experiment evaluating the universal superiority or inferiority of compression algorithms, color accuracy, or perceived quality scores.
Exécuter à nouveau dans mon navigateur et comparer à grande échelle
Essayez de l'exécuter directement sans fichier
Exécute le code de traitement de l'outil réel avec des exemples de matériel créés par le site. Les résultats sont actuellement calculés dans le navigateur et aucune donnée d'entrée n'est téléchargée sur le serveur.
affiche les résultats et les fichiers d'exemple.
Les exemples ne sont pas des données ou des performances réelles des visiteurs. La taille du fichier et la forme de la police peuvent varier en fonction du navigateur, de l'appareil et de la police.
Ouvrez une comparaison rapprochée de l'image résultante, vous permettant de faire défiler l'image à sa taille réelle en pixels. Comparez les bords de la même scène avec des zones présentant de légers changements de luminosité. Le fichier téléchargé contiendra les résultats encodés dans le format que vous avez sélectionné. Tous les formats d'origine sont identiques, ne présumez pas de différences de qualité basées sur de petits aperçus.
Notes sur les actions de l'API : MDN Canvas toBlob. Moyoutil vérifie le type MIME du blob renvoyé, car les formats non pris en charge peuvent revenir au PNG.
Questions fréquemment posées
La qualité est-elle de 90 à 90 % de la qualité d'origine ?
Non. Il s'agit des valeurs de paramètres transmises à l'encodeur du navigateur. Cela ne signifie pas que JPEG et WebP portant le même numéro ont la même qualité.
Si je passe au format PNG, l'ancienne perte JPEG disparaîtra-t-elle ?
Non. Il ne s'agit pas d'une fonctionnalité qui restaure des détails déjà perdus. La sortie PNG peut être plus grande que l’original.