Conditions de comparaison et méthodes de reproduction
Dans l'exemple exécuté, choisissez une image composite avec du texte et un centre ou une texture solide. Les deux supports ne sont pas des séances photo, mais des images tests 1600×900 dessinées par le site. Créez d'abord le PNG original, conservez la même taille de pixel et enregistrez-le au format JPEG, qualité WebP 75, 85 et 95, respectivement. Vous pouvez également télécharger directement le fichier de sortie.
Le nombre d'octets dans le tableau correspond à la taille Blob.size du fichier réellement généré. Le numéro de qualité est un paramètre de l'encodeur et ne signifie pas qu'un pourcentage quelconque des informations d'origine sera conservé. Si votre navigateur ne prend pas en charge le format, il simulera les résultats avec une extension différente, ne les enregistrera pas et affichera une erreur d'exécution.
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.
01/10/2026 Exemple de vérité terrain dans un environnement de navigateur unique
Les valeurs ci-dessous ont été mesurées à l'aide de deux images composites identiques de l'exemple en cours ci-dessus. Cela peut varier en fonction du navigateur et n'est pas destiné à généraliser la taille de fichier attendue des photos réelles ou la supériorité ou l'infériorité de chaque format. La taille des pixels est de 1 600 × 900 dans chaque ligne.
| Type d'entrée | Format de sortie | Qualité | Octets réels |
|---|---|---|---|
| Monochromes | PNG | — | 57379 |
| Monochromes | JPEG | 75 | 30914 |
| Monochromes | JPEG | 85 | 36131 |
| Monochromes | JPEG | 95 | 48342 |
| Monochromes | WebP | 75 | 10872 |
| Monochromes | WebP | 85 | 13114 |
| Monochromes | WebP | 95 | 18858 |
| Textures | PNG | — | 941654 |
| Textures | JPEG | 75 | 263962 |
| Textures | JPEG | 85 | 321468 |
| Textures | JPEG | 95 | 449142 |
| Textures | WebP | 75 | 213200 |
| Textures | WebP | 85 | 267302 |
| Textures | WebP | 95 | 363228 |
| Texture / cible 200 Ko | JPEG | 55 | 197656 |
| Texture / cible 200 Ko | WebP | 65 | 198788 |
Quelle est la différence entre les résultats cibles de 200 Ko ?
Une ligne distincte de 200 Ko utilise la fonction de navigation consistant à réduire la taille réelle de l'image. La qualité de départ est de 85, la qualité minimale est de 50, le côté long maximum est de 2 048 px et une réduction supplémentaire est autorisée. 200 Ko équivaut à moins de 200 000 octets. Modifiez d'abord la qualité et réduisez la taille des pixels si elle dépasse la cible, vérifiez donc ensemble la largeur et la hauteur du résultat.
La ligne de comparaison 75,85,95 n'est pas une expérience pour atteindre la capacité cible. Ceci est le résultat de la modification des paramètres de qualité à la même taille. Si vous déterminez que le taux de compression est meilleur en le mélangeant avec la ligne cible, les conditions de comparaison seront différentes.
Ordre de qualité et de confirmation à appliquer sur mes fichiers
- Les photos commencent à la qualité 85 et effectuent un zoom avant pour vérifier les lettres et les contours.
- Si la taille du fichier est suffisamment petite, comparez-la au résultat 95 pour déterminer si des différences de détail sont nécessaires.
- Si la taille est trop grande, comparez 75, mais vérifiez également la taille minimale en pixels requise par la source de soumission.
- Si des petits textes, diagrammes ou logos sont importants, comparez l'original PNG avec les résultats JPEG/WebP.
- Je n'utilise pas la taille du fichier de l'exemple comme taille attendue pour ma photo.
Format Canvas toBlob/document de traitement de la qualitédécrit les différences dans les paramètres de qualité et la gestion des formats non pris en charge.
Questions fréquemment posées
Si la qualité est la même, toutes les photos sont-elles de la même taille ?
Non. Cela dépend de la taille des pixels, du contenu de l'image, du format de sortie et de l'encodeur du navigateur.
Si je l'augmente de 85 à 95, la qualité de l'image s'améliorera-t-elle de 10 % ?
Cela ne peut pas être interprété de cette façon. Il ne fait pas référence à un rapport de qualité d’image par rapport à l’original ou à une amélioration linéaire.