Choisir les bons réglages de qualité pour JPG, PNG et WebP
Recommandations pratiques pour sélectionner le niveau de qualité adapté à chaque format et cas d'utilisation.
Essayer l'outil de compressionIntroduction
Chaque éditeur d'images possède un curseur de qualité, mais la plupart des utilisateurs le laissent sur la valeur par défaut ou choisissent au hasard. La différence entre une qualité de 60 et de 85 peut signifier une réduction de taille de fichier de 4x sans changement visible -- ou une perte de netteté notable si vous choisissez le mauvais format.
La taille du fichier affecte directement la vitesse de chargement des pages, les coûts de stockage et l'expérience utilisateur. Choisir la mauvaise qualité gaspille de la bande passante ou dégrade le rendu visuel. Chaque format -- JPG, PNG et WebP -- gère le paramètre de qualité différemment, donc une règle unique « utilisez toujours 80 % » ne fonctionne pas partout.
Cet article détaille le comportement du curseur de qualité pour chaque format, propose des plages recommandées pour les scénarios courants, et montre comment utiliser l'outil de compression d'ImageSizr avec son aperçu en temps réel et sa fonction Calculer les tailles pour trouver le réglage optimal pour n'importe quelle image.
Comment la qualité fonctionne dans chaque format
JPG (JPEG) : compression avec perte
Le curseur de qualité JPG contrôle l'agressivité de la quantification DCT (Transformée en Cosinus Discrète). À 100 %, l'algorithme préserve un maximum de détails. En diminuant la valeur, l'encodeur supprime des données de plus en plus visibles -- en commençant par les transitions de couleurs subtiles et en progressant vers des artefacts de blocs à des réglages très bas.
La plage visuellement sans perte pour la plupart des photographies est de 75-85 %. En dessous de 70 %, vous commencerez à remarquer un flou sur les contours et des blocs dans les zones de dégradé. L'outil Compresser JPG vous permet de tester différents niveaux en temps réel.
PNG : compression sans perte
Le PNG est sans perte par nature. Le « niveau de compression » affecte l'efficacité de l'encodage (déflation zlib), pas la fidélité visuelle. Un PNG compressé à n'importe quel niveau est identique pixel par pixel à la source. Les variations de taille de fichier sont modestes comparées au JPG -- généralement 10-30 % de réduction selon la complexité de l'image.
Le PNG est le meilleur choix lorsque vous avez besoin d'un résultat parfait au pixel près ou de la transparence. Utilisez l'outil Compresser PNG pour les flux de travail spécifiques au PNG. Pour en savoir plus sur la transparence, consultez Préserver la transparence lors de l'export d'images.
WebP : le meilleur des deux mondes
WebP prend en charge les modes avec et sans perte. En mode avec perte, une qualité de 75-85 % produit généralement des fichiers 25-35 % plus petits que le JPEG à qualité visuelle équivalente. En mode sans perte, les fichiers WebP sont généralement 10-25 % plus petits que le PNG.
WebP est le choix par défaut le plus performant pour la publication web moderne. Essayez l'outil Compresser WebP pour comparer les résultats avec JPEG et PNG côte à côte.
Plages de qualité recommandées par cas d'utilisation
Le bon réglage de qualité dépend de l'utilisation prévue de l'image. Voici des points de départ testés :
| Cas d'utilisation | Plage JPG | Plage WebP | Notes PNG |
|---|---|---|---|
| Pages web et blogs | 75-80 % | 75-80 % | Sans perte ; à utiliser uniquement pour les graphiques |
| Réseaux sociaux | 80-85 % | 80-85 % | Les plateformes re-compriment ; commencez plus haut |
| Produits e-commerce | 85-90 % | 80-85 % | Sans perte ; idéal pour les graphiques riches en détails |
| Archivage / prêt pour l'impression | 95-100 % | 95-100 % ou sans perte | Sans perte ; la taille du fichier est secondaire |
Pages web et blogs : Privilégiez des temps de chargement rapides. JPG 75-80 % ou WebP 75-80 % produit des résultats visuellement propres pour une fraction de la taille originale du fichier.
Réseaux sociaux : Les plateformes comme Instagram et Facebook re-compriment les fichiers envoyés. Commencer à 80-85 % préserve suffisamment de détails pour survivre à une double compression sans dégradation visible.
Photos de produits e-commerce : Le détail compte pour les décisions d'achat. Utilisez JPG 85-90 % ou WebP 80-85 % pour garder les textures et les couleurs nettes tout en maîtrisant la taille du fichier.
Archivage et impression : Lorsque la taille du fichier est secondaire par rapport à la fidélité, utilisez PNG (sans perte) ou JPG 95-100 %. Ces réglages préservent un maximum de détails pour le stockage à long terme ou la production d'impression.
Utiliser l'outil de compression d'ImageSizr pour comparer
ImageSizr rend les décisions de qualité basées sur des données plutôt que sur des suppositions. Voici comment utiliser l'outil efficacement :
- Importez votre image -- Glissez-déposez, parcourez, collez depuis le presse-papiers, ou importez depuis une URL, Google Drive, Dropbox ou OneDrive.
- Ajustez le curseur de qualité -- Le curseur va de 0 à 100 % avec une valeur par défaut de 80 %. Déplacez-le et observez la mise à jour de l'estimation de la taille du fichier en temps réel.
- Cliquez sur Calculer les tailles -- Cela vous montre la taille du fichier à quatre niveaux prédéfinis pour comparer sans télécharger chaque version individuellement.
- Utilisez la vue comparative avant/après -- Faites glisser le séparateur pour comparer la version compressée avec l'originale pixel par pixel. C'est le moyen le plus rapide de repérer les artefacts.
- Choisissez votre format de sortie -- Utilisez le menu déroulant Format pour basculer entre Original, JPEG, PNG ou WebP. La taille du fichier se met à jour automatiquement.
Tout le traitement s'effectue côté client dans votre navigateur. Vos images ne quittent jamais votre appareil, vous pouvez donc tester en toute sécurité avec des photos de produits confidentielles, des ressources clients ou des images personnelles.
Pour le flux de travail complet de compression, y compris la stratégie redimensionner-puis-compresser, consultez Compresser les images pour des pages web plus rapides.
Comparaison des formats à une qualité de 80 %
Pour mettre ces chiffres en perspective, voici comment les trois formats se comparent en compressant la même photographie à une qualité de 80 % :
| Format | Taille de fichier typique (relative) | Transparence | Idéal pour |
|---|---|---|---|
| JPEG à 80 % | 1x (référence) | Non | Photos, images complexes |
| PNG (sans perte) | 3-5x plus grand | Oui | Graphiques, captures d'écran, logos |
| WebP à 80 % | 0,65-0,75x | Oui | Toutes les images web (navigateurs modernes) |
WebP l'emporte systématiquement sur la taille du fichier tout en conservant la prise en charge de la transparence. JPEG reste le format de secours universel. PNG est essentiel lorsque vous avez besoin d'une précision sans perte ou que vous ne pouvez pas utiliser WebP. Utilisez l'outil Redimensionner en WebP pour préparer des images WebP aux dimensions exactes avant de les compresser.
Erreurs courantes et comment les éviter
Même les utilisateurs expérimentés tombent dans ces pièges :
Erreur 1 : Re-compresser un JPG déjà compressé. Chaque fois que vous enregistrez un JPEG, l'encodeur avec perte introduit de nouveaux artefacts. Cette « perte de génération » s'accumule rapidement. Partez toujours de la source de la plus haute qualité disponible -- idéalement le fichier original de l'appareil photo ou un export non compressé.
Erreur 2 : Utiliser le JPG pour des images avec transparence. Le JPEG ne prend pas en charge les canaux alpha. Les zones transparentes sont remplacées par une couleur d'arrière-plan unie (blanc par défaut dans ImageSizr). Si votre image nécessite de la transparence, exportez en PNG ou WebP à la place.
Erreur 3 : Utiliser le PNG pour des photographies. La compression sans perte du PNG produit des fichiers énormes pour du contenu photographique -- souvent 3-5x plus grands que le JPEG sans bénéfice visible. Réservez le PNG pour les graphiques, le texte et les images nécessitant de la transparence.
Erreur 4 : Régler la qualité à 100 % « par précaution ». Le saut de 90 % à 100 % ajoute une taille de fichier significative avec pratiquement aucune amélioration visuelle perceptible. Dans nos tests, la plupart des utilisateurs ne peuvent pas distinguer 90 % de 100 % à l'écran. Économisez de la bande passante et utilisez 85-90 % pour les besoins haute fidélité.
Questions fréquentes
Comment choisir le bon niveau de qualité ?
Commencez à 80 % pour un bon équilibre entre qualité et taille. Utilisez l'aperçu comparatif avant/après dans l'outil de compression d'ImageSizr pour comparer visuellement les résultats avant de télécharger. La fonction Calculer les tailles vous permet de prévisualiser les tailles de fichier à plusieurs niveaux en un seul clic.
La compression réduit-elle les dimensions de l'image ?
Non. La compression modifie uniquement la taille du fichier en ajustant la qualité d'encodage. Les dimensions en pixels restent les mêmes. Si vous devez modifier les dimensions, utilisez d'abord l'outil de redimensionnement.
Que se passe-t-il avec la transparence lors de la compression ?
Si vous exportez en JPEG, la transparence est remplacée par une couleur d'arrière-plan (blanc par défaut, ou la couleur de votre choix). PNG et WebP préservent la transparence. Pour des conseils détaillés, consultez Préserver la transparence lors de l'export d'images.
Quels formats d'image sont pris en charge ?
Vous pouvez importer des fichiers PNG, JPG/JPEG, WebP, GIF, BMP, TIFF, AVIF, SVG, ICO et HEIC. Les formats de sortie incluent le format original, JPEG, PNG, WebP et ICO.
Trouvez votre réglage de qualité optimal
Le bon réglage de qualité dépend du format et de la destination. JPG et WebP fonctionnent mieux dans la plage 75-85 % pour une utilisation web, tandis que PNG est idéal pour les besoins sans perte comme les logos et les captures d'écran. Utilisez l'aperçu en temps réel d'ImageSizr et la fonction Calculer les tailles pour vérifier votre choix avant de télécharger.
Ouvrez l'outil de compression pour tester les réglages de qualité sur vos propres images -- le traitement s'effectue entièrement dans votre navigateur, sans inscription requise.