Comment utiliser : Compresseur d’images
- Faites glisser une ou plusieurs images dans la zone prévue à cet effet (vous pouvez également cliquer pour les sélectionner ou coller une capture d'écran). Aucun fichier n'est téléchargé : la compression s'effectue directement dans votre navigateur.
- Choisissez un format de sortie : conservez le format d'origine ou convertissez-le au format WebP pour bénéficier du meilleur rapport taille/qualité.
- Réglez la qualité (une valeur comprise entre 75 et 80 convient pour la plupart des photos) et, si vous le souhaitez, définissez une largeur maximale — par exemple 1 920 px pour les images « hero » en pleine largeur.
- Vérifiez les économies réalisées par fichier et faites glisser la barre de séparation « avant/après » pour vous assurer qu'il n'y a aucune perte visible.
- Téléchargez les fichiers un par un ou cliquez sur « Tout télécharger (ZIP) ».
Qu'est-ce qu'un compresseur d'images ?
Un compresseur d'images réencode une image afin que le fichier occupe moins d'octets tout en conservant (presque) le même aspect. Les images constituent généralement la partie la plus lourde d'une page web ; leur compression est donc l'un des moyens les plus rapides d'améliorer le temps de chargement et les indicateurs Core Web Vitals, tels que le Largest Contentful Paint (LCP). Cet outil décode chaque image, la redimensionne si vous le souhaitez, puis la réencode selon le format et la qualité de votre choix — le tout directement dans votre navigateur à l’aide de l’API Canvas, de sorte que vos photos privées ne transitent jamais par un serveur.
Fonctionnement de la compression
- Les formats JPEG, WebP et AVIF sont avec perte : le curseur de qualité permet de contrôler la quantité de détails fins que l’encodeur supprime. Passer de 100 à environ 80 permet généralement de supprimer une grande partie des octets sans différence visible à une taille d’affichage normale.
- Le format PNG est sans perte ; le réglage de la qualité n’a donc aucun effet. À la place, l’outil réduit l’image à une palette de 256 couleurs au maximum (PNG 8 bits) en utilisant une quantification par coupure médiane avec, en option, un dithering de Floyd-Steinberg — le même principe que celui utilisé par des outils tels que pngquant et TinyPNG. Les captures d’écran, logos et illustrations voient souvent leur taille réduite de 60 à 80 % de cette manière, tout en conservant leur transparence.
- Le redimensionnement est souvent le principal avantage : une photo prise avec un téléphone de 4 000 px affichée dans une colonne de 800 px gaspille la plupart de ses pixels. Définissez une largeur et une hauteur maximales, et l’image est réduite grâce à un rééchantillonnage de haute qualité.
- Les métadonnées sont supprimées. Le réencodage supprime les données EXIF telles que le modèle d’appareil photo et la localisation GPS — ce qui est bénéfique pour la confidentialité et permet de gagner quelques kilo-octets supplémentaires. L’orientation est appliquée en premier, de sorte que les photos au format portrait restent à l’endroit.
Quel format choisir ?
| Format | Idéal pour | Transparence | Remarques |
|---|---|---|---|
| WebP | Photos et graphiques sur le Web | Oui | Pris en charge par tous les navigateurs actuels ; Google indique que les fichiers WebP avec perte sont 25 à 34 % plus légers que les fichiers JPEG comparables. |
| AVIF | Des photos où chaque Ko compte | Oui | Souvent plus petits que les fichiers WebP, mais plus lents à encoder. Affichés uniquement si votre navigateur est capable de les encoder. |
| JPEG | Photos, e-mails, compatibilité maximale | Non | Les zones transparentes sont remplies de la couleur de votre choix. |
| PNG | Logos, captures d'écran d'interface utilisateur, texte net | Oui | Utilisez la réduction des couleurs pour réaliser d’importantes économies ; évitez le format PNG pour les photos. |
Conseils pour les images Web
Exportez les images principales à une taille ne dépassant pas environ le double de leur largeur d’affichage (par exemple 1 600 à 2 400 px pour une bannière pleine largeur), utilisez le format WebP avec une qualité comprise entre 75 et 82, et définissez toujours width et height dans votre code HTML pour éviter tout décalage de mise en page. Vous avez besoin de dimensions exactes ou d’un recadrage adapté aux réseaux sociaux ? Utilisez l’outil Image Resizer. Pour les petites icônes, l’intégration à l’aide du convertisseur Image vers Base64 peut vous permettre d’économiser une requête. Si vous créez votre site avec Webflow, notez que la plateforme peut générer pour vous des variantes adaptatives et des fichiers WebP, mais qu’un fichier source bien compressé se charge et s’affiche toujours plus rapidement.
Aussi recherché comme : compresser l’image, optimiseur d’images, réduire la taille de l’image, compresser un fichier jpeg, compresser un fichier png, alternative à tinypng, convertisseur webp, jpg vers webp.
Outils complémentaires : Compresseur d’images
- Générateur BlurHash et LQIP — Donnez l'impression que les images s'affichent instantanément : affichez un aperçu flou pendant le chargement de l'image réelle.
- Générateur d’images OG — Créez en quelques secondes une image d'aperçu de lien soignée pour Facebook, LinkedIn, X, Slack et WhatsApp : choisissez un modèle, saisissez votre titre, ajoutez un logo, puis téléchargez le fichier PNG et les balises méta correspondantes.
- Page Speed Test — Run Google Lighthouse on any URL for mobile or desktop.
- Image Alt Checker — Audit every image on a page in one table: alt text status, file size, width/height attributes, format and lazy loading — with filters and CSV export.