Pour les équipes web qui accélèrent une page, respectent une limite d’envoi ou préparent de nombreux visuels.
Allégez votre image avec un niveau de qualité réglable et obtenez un fichier moins lourd tout en gardant le rendu qui convient à votre usage.
Pour alléger une photo destinée à un article de blog, baissez progressivement la qualité et comparez le poids obtenu au rendu affiché. Une valeur modérée réduit souvent le fichier sans différence visible à l’écran, mais les détails fins et les textes peuvent souffrir si vous descendez trop bas.
La compression s’exécute dans le navigateur. Votre image est lue localement, réencodée selon le niveau de qualité demandé, puis proposée au téléchargement. Aucun envoi vers l’extérieur n’est nécessaire et le fichier source n’est pas conservé par la page.
Non, elle sert de point de départ pratique, mais le bon réglage dépend du sujet et de l’usage. Une photo très détaillée peut nécessiter une valeur plus haute, tandis qu’une image simple supporte parfois une compression plus forte.
Cette page décrit un réglage de qualité, pas un redimensionnement. Les dimensions en pixels restent donc celles du fichier chargé, sauf si l’outil indique clairement une autre option au moment du traitement.
Regardez l’aperçu à la taille réelle et zoomez sur les visages, les textes et les contours. Téléchargez ensuite le fichier et comparez son poids avec l’original pour décider si le compromis vous convient.
photo-degrade.jpg
75
1200 × 800 px · 75.4 Ko · JPEG
Une photographie de paysage chargée puis compressée avec un réglage de qualité élevé. Les détails du feuillage et du ciel restent nets, et le gain de poids reste modeste sur ce type d'image.
photo-degrade.jpg
40
1200 × 800 px · 19.3 Ko · JPEG
La même photographie passe cette fois par un réglage de qualité faible. Le fichier obtenu devient beaucoup plus léger, mais des blocs et un flou apparaissent dans les zones détaillées.
icone-aplat.png
75
640 × 480 px · 2.8 Ko · JPEG
Une icône PNG avec des aplats de couleur unie. La compression la fait ressortir en JPEG, donc la transparence disparaît et des halos peuvent se voir autour des traits fins.
| Format reçu | Encodage du résultat | Remarque |
|---|---|---|
| JPEG | JPEG | L'entrée est déjà compressée. |
| PNG | JPEG | La transparence est perdue. |
| WebP | WebP | Le format d'entrée reste inchangé. |
Règles de compression appliquées par le moteur du site
L'image choisie est d'abord redessinée sur un canevas, qui sert de copie de travail aux mêmes dimensions que le fichier reçu. Le navigateur encode ensuite ce dessin avec canvas.toBlob, en JPEG par défaut, et en WebP quand le fichier de départ utilise déjà ce format. Une entrée PNG ressort donc en JPEG et perd sa transparence.
Le réglage de qualité indique au codec le degré de fidélité attendu. Plus la valeur descend, plus l'encodeur abandonne de détails dans les zones chargées, et les contours nets se couvrent alors d'un flou ou de petits blocs visibles. Une valeur haute garde un dessin très proche de la source, mais allège moins le fichier.
Le poids obtenu dépend autant du contenu de l'image que du réglage choisi. Une photo riche en textures reste lourde même très compressée, tandis qu'un visuel simple s'allège vite. Le plus simple est de tester plusieurs paliers, puis de comparer l'aperçu et la taille annoncée avant de télécharger la version qui convient.
Tout se passe donc dans le navigateur. Le fichier est lu depuis votre appareil, redessiné et réencodé sur place, sans passer par un serveur. Rien n'est envoyé vers un service extérieur, et rien n'est conservé une fois la page fermée. Seule la copie proposée au téléchargement demeure, à vous de l'enregistrer.