Compresseur d'Images

Référence

Comment fonctionne la compression d'images ?

Cet outil utilise la Canvas API intégrée du navigateur pour ré-encoder les images avec un réglage de qualité inférieur. L'image est dessinée sur un élément Canvas HTML, puis exportée avec canvas.toBlob() au format et qualité sélectionnés. C'est une compression avec perte — les données visuelles redondantes sont supprimées à l'aide d'algorithmes comme la Transformée en cosinus discrète (DCT) pour le JPEG et le codage prédictif pour le WebP. Le résultat est un fichier considérablement plus petit avec une perte de qualité minimale perceptible.

JPEG vs WebP vs PNG — quel format choisir

JPEG : Idéal pour les photographies et images avec des dégradés de couleurs complexes. Supporte l'ajustement de qualité de 1–100%. Pas de support de la transparence. Le format le plus compatible — fonctionne partout. WebP : Développé par Google, WebP atteint des tailles 25–35% plus petites que le JPEG à qualité visuelle équivalente. Supporte la transparence (canal alpha) et l'animation. Supporté par tous les navigateurs modernes depuis 2020. Le format recommandé pour le web. PNG : Compression sans perte — aucune perte de qualité quel que soit le réglage. Idéal pour les captures d'écran, graphiques avec des bords nets, textes superposés, logos et images nécessitant de la transparence. Le curseur de qualité n'a aucun effet sur la sortie PNG puisque le format est intrinsèquement sans perte.

Pourquoi optimiser les images pour le web ?

Les images représentent environ 50% du poids total d'une page sur un site web moyen selon le HTTP Archive. Les images non optimisées sont la cause numéro un d'un Largest Contentful Paint (LCP) lent — un Core Web Vital qui affecte directement le classement Google. Comprimer une image hero de 2 Mo à 200 Ko peut réduire le temps de chargement de plusieurs secondes sur les connexions mobiles. Google recommande de maintenir le poids total des pages sous 1,6 Mo pour de bonnes performances mobiles — l'optimisation des images est souvent le gain le plus important pour atteindre cet objectif.

Cas d'utilisation de la compression d'images

Performance web — réduisez la taille des images pour atteindre les seuils Core Web Vitals et améliorer les scores Lighthouse. Pièces jointes d'e-mail — compressez les images sous les limites typiques de 25 Mo (Gmail, Outlook). Réseaux sociaux — optimisez les images pour les limites de taille : Twitter (5 Mo), Instagram (30 Mo), LinkedIn (10 Mo). E-commerce — compressez les photos de produits sans perte de qualité visible pour améliorer la vitesse de page et les taux de conversion. Documentation — réduisez les captures d'écran pour les fichiers README, wikis et pages Confluence afin de garder les dépôts légers.

Choisir le bon réglage de qualité

Pour le JPEG, une qualité de 75–85% offre le meilleur équilibre entre taille de fichier et fidélité visuelle — des études contrôlées montrent que la plupart des utilisateurs ne distinguent pas la qualité au-dessus de 85%. En dessous de 60%, les artefacts de compression (zones pixelisées, bandes de couleur) deviennent perceptibles, surtout dans les dégradés et les tons chair. WebP à qualité 80 correspond généralement à un JPEG à qualité 90 tout en étant 30% plus petit. Pour le PNG, le curseur de qualité n'a aucun effet — le PNG est toujours sans perte. Utilisez le PNG uniquement quand vous avez besoin d'une reproduction parfaite au pixel (captures d'écran avec texte, logos, icônes) ou de transparence alpha.

Confidentialité

Tout le traitement d'images se fait 100% dans votre navigateur via la Canvas API. Aucune image n'est envoyée à un serveur — vos fichiers ne quittent jamais votre appareil.