Compresseur d'images

Qu’est-ce qu’un compresseur d’images ?#

Cet outil réduit la taille d’un fichier image en le ré-encodant via le pipeline Canvas du navigateur, à une qualité inférieure, dans un format différent, ou avec une taille en pixels plus petite — selon la combinaison que vous choisissez. Le résultat est un nouveau fichier que vous pouvez télécharger, avec une comparaison de taille avant/après afin que le compromis soit visible. C’est la réparation quotidienne du genre « cette photo est trop grosse pour être jointe », effectuée localement sans téléversement.

Trois leviers sont disponibles et se combinent :

• Format de sortie — JPEG (avec perte, opaque), WebP (avec perte, moderne, environ 25 à 35 % plus petit que le JPEG à qualité égale) ou PNG (sans perte ; ne se réduit que via le redimensionnement, jamais par perte de qualité).
• Qualité — un curseur 5–100 qui correspond au réglage de qualité de l’encodeur. S’applique uniquement à JPEG et WebP ; le curseur est masqué pour PNG car le PNG ne peut pas perdre de qualité par conception.
• Largeur max / Hauteur max — plafonds facultatifs qui réduisent l’image (en préservant le ratio d’aspect, sans agrandissement) avant l’encodage. Le redimensionnement est de loin le gain de taille le plus important pour les photos.

Comme le travail se fait sur un <canvas> via createImageBitmap et canvas.toBlob, votre image est décodée, transformée et ré-encodée en mémoire ; le fichier d’origine n’est pas touché.

Comment l’utiliser#

1. Déposez une image sur la zone en pointillés.
2. Dans la rangée de contrôles, choisissez :
   • Format de sortie — par défaut le type source pour PNG/WebP, JPEG pour tout le reste.
   • Largeur max / Hauteur max — laissez vide pour « auto » (pas de redimensionnement), ou saisissez un plafond en pixels. L’image est mise à l’échelle pour tenir dans le cadre sans distorsion.
   • Qualité — faites glisser le curseur (5–100) ; la valeur courante est affichée à côté. Ignoré pour le PNG.
3. Cliquez sur Compresser. La barre de statistiques affiche Original, Compressé et Économie (octets et pourcentage), plus un avertissement si le résultat est par hasard plus gros.
4. Téléchargez le fichier compressé. L’aperçu affiche le résultat afin que vous puissiez juger de la qualité visuelle.

Caractéristiques principales#

• Valeurs par défaut conscientes du format. Le PNG reste du PNG (la transparence et les bords nets survivent) ; les photos passent par défaut en JPEG ; l’outil ne détruit jamais silencieusement un canal alpha.
• Redimensionnement qui préserve le ratio. La largeur et la hauteur maximales définissent un cadre englobant ; l’image y tient avec son ratio intact et n’est jamais agrandie.
• Comptage de taille honnête. Quand un ré-encodage produit un fichier plus gros (fréquent pour du PNG vers PNG ou un JPEG déjà minuscule), l’outil le signale au lieu de prétendre avoir gagné de la place.
• Sortie WebP. Les navigateurs modernes coupent encore 25 à 35 % par rapport au JPEG à qualité visuelle égale ; pratique pour les ressources web.
• Pipeline local. Les API Canvas font l’encodage ; rien n’est téléversé.

Exemple commenté#

Une photo de téléphone de 4,5 Mio en 4032×3024 est trop grosse pour un e-mail. Déposez-la, réglez le Format de sortie sur WebP, la Largeur max sur 1920 (la hauteur s’ajuste automatiquement à 1440), la Qualité sur 80. Cliquez sur Compresser. La barre de statistiques indique :

Le redimensionnement a fait l’essentiel du travail (environ 4× moins de pixels) ; le WebP à qualité 80 a géré le reste. Le résultat pèse moins d’un demi-mégaoctet et est visuellement indiscernable à l’écran.

Essayer la même source en PNG à qualité 100 sans redimensionnement, en revanche, signale généralement le fichier compressé comme plus gros — le PNG est sans perte et ne peut pas évacuer le bruit de la photo comme le font JPEG ou WebP. L’outil le signale avec l’avertissement « plus gros » au lieu de revendiquer une fausse économie.

FAQ#

Le curseur de qualité est grisé — pourquoi ?#

Le PNG est un format sans perte ; il n’a pas de réglage de qualité. Quand vous choisissez PNG, le curseur se masque car il n’a aucun effet. Passez à JPEG ou WebP pour contrôler la qualité.

Mon fichier « compressé » est plus gros que l’original. Comment est-ce possible ?#

Deux causes fréquentes : vous avez ré-encodé un JPEG déjà compressé en PNG (le PNG ne peut pas égaler la compression avec perte du JPEG sur les photos), ou la source était une image minuscule et très compressée dont le ré-encodage PNG a ajouté du surcoût. Choisissez un format avec perte (JPEG ou WebP) et/ou activez le redimensionnement.

Agrandit-il l’image si je saisis une très grande largeur max ?#

Non. La largeur et la hauteur maximales ne plafonnent que la borne supérieure ; si la source est déjà plus petite, elle est conservée à sa taille d’origine. Un agrandissement ne ferait que gonfler le fichier sans aucun gain de qualité.

Le WebP est-il utilisable partout sans risque ?#

Les navigateurs modernes (Chrome, Edge, Firefox, Safari 14 et ultérieurs) prennent tous en charge le WebP. Si vous devez prendre en charge de très vieux navigateurs ou certains pipelines de traitement d’image, repliez-vous sur le JPEG.