Compression d'images pour le Web réel
If you've ever opened PageSpeed Insights and seen a sea of red warnings — "Properly size images", "Serve images in next-gen formats", "Defer offscreen images" — you already know that images are where most websites lose their performance budget. This page is for site owners, bloggers, AdSense publishers and SEOs who care less about cute UI and more about shipping fast pages.
Les trois chiffres qui décident de votre classement
Google's Core Web Vitals boil down to three metrics, and images directly affect two of them:
- LCP (la plus grande peinture à contenu)— presque toujours l'image du héros. Cible ≤ 2,5s.
- CLS (changement de mise en page cumulatif)- provoqué lorsque les images se chargent sans largeur/hauteur réservée. Cible ≤ 0,1.
- INP (Interaction avec la peinture suivante)- les images lourdes volent du temps au thread principal et ralentissent les frappes. Cible ≤ 200 ms.
La compression de votre image de héros de 1,8 Mo à 180 Ko réduit généralement le LCP de 1,5 à 2 secondes sur les mobiles de milieu de gamme.
Des recettes de qualité qui fonctionnent réellement
- Héros / au-dessus de la ligne de flottaison :WebP, qualité 75 %, largeur maximale de 1 920 px → ~ 150 Ko
- Photo du blog en ligne :WebP ou JPEG, qualité 80 %, largeur 1 200 px → ~80 Ko
- Miniature de la galerie de produits :JPEG, qualité 70 %, largeur 400px → ~25 Ko
- Carte OG/Twitter :JPEG, qualité 85 %, 1200×630 → ~120 Ko
Pourquoi le côté navigateur bat le côté serveur
Most online compressors upload your file to a server, compress it, then send it back. That's slow on bad Wi-Fi, exposes your photos to a third party, and dies on big batches. ImageGates runs the compressor insideyournavigateur utilisant les API WebCodecs et Canvas : rien n'est téléchargé, les tâches par lots s'adaptent à votre processeur et il n'y a pas de limites quotidiennes.
Le compresser → Redimensionner → Convertir le pipeline
Pour de meilleurs résultats, effectuez les opérations dans cet ordre :cropd'abord pour fixer la composition, puisresizeaux dimensions réelles d'affichage de votre page,thencompress. Shrinking a 4000px image down to 1200px before compressing usually saves another 40–60% on top of compression alone. If you're serving modern browsers, finish withConversion JPG → WebPpour une réduction supplémentaire de 25 à 35 %.
Confidentialité et conformité
Because nothing leaves your browser, ImageGates is safe for GDPR-sensitive content: client photos, ID scans, internal screenshots, medical images. Compression strips EXIF metadata by default — useful when you don't want to publish GPS coordinates with your blog photos.
Questions fréquentes
Dans quelle mesure la compression d’image accélère-t-elle un site Web ?
Quelle taille de fichier cible dois-je utiliser pour les images de héros ?
Google me pénalisera-t-il pour une compression trop agressive ?
La compression endommage-t-elle les données EXIF, le GPS ou les informations de droits d'auteur ?
Comment compresser des images pour AdSense et les pages contenant beaucoup de publicité ?
Puis-je compresser jusqu’à une cible spécifique en kilo-octets ?
Afficher les 6 questions Besoin d'une cible KB spécifique ? Accédez au bon outil
Le compresseur générique vous permet de privilégier la qualité, mais la plupart des portails gouvernementaux et des ambassades appliquent un plafond fixe en Ko. Utilisez l'outil qui correspond à votre cible : ils appliquent automatiquement le plafond.
Comment fonctionne réellement la compression d’images en ligne
Vous avez une photo trop lourde pour un site Web, un e-mail ou un formulaire de téléchargement et vous souhaitez qu'elle soit plus petite sans qu'elle paraisse délavée.
La compression supprime des informations rarement remarquées par l’œil humain : fine variation de couleur entre les pixels voisins, détails dans le bruit et précision dans les tons les plus sombres. Un encodeur JPEG regroupe les pixels en blocs de 8 x 8 et stocke chaque bloc sous la forme d'un ensemble de valeurs de fréquence, puis arrondit les valeurs à haute fréquence. Un arrondi plus dur signifie une lime plus petite et des bords plus doux. Cette page vous permet de piloter ce compromis directement, en exécutant l'encodeur dans votre propre onglet de navigateur afin que la photo elle-même ne voyage jamais nulle part.
Quand les gens utilisent cet outil
Pages Web qui se chargent lentement
Une seule photo de héros de 5 Mo peut retarder une page de plusieurs secondes sur les données mobiles. Le réencoder à environ 200 Ko supprime généralement le plus gros retard sur la page.
Télécharger des formulaires qui rejettent des fichiers
Les portails gouvernementaux, les sites d'emploi et les systèmes scolaires limitent souvent les téléchargements à une taille fixe. La compression d'abord évite la boucle de messages d'erreur.
Pièces jointes aux e-mails
La plupart des fournisseurs de messagerie cessent d'accepter un message dépassant environ 25 Mo au total, donc un dossier de photos de téléphone nécessite généralement un passage via un compresseur.
Économiser le stockage du téléphone et du cloud
Les albums de vacances tournés à 12 mégapixels rétrécissent considérablement sans aucun changement visible lorsqu'ils sont uniquement visualisés sur un écran.
Pas à pas
- 1 Add your images.Déposez une photo ou un lot. Tout est lu en mémoire dans votre navigateur ; la fermeture de l'onglet l'efface.
- 2 Choose how hard to compress.Les paramètres modérés conviennent aux photos de personnes et de produits. Des paramètres plus forts conviennent aux images décoratives ou d’arrière-plan.
- 3 Compare before and after.Zoomez sur les visages, le texte et les bords nets, où les artefacts de compression apparaissent en premier sous la forme d'un léger halo.
- 4 Download the result.Chaque fichier conserve son nom d'origine avec un marqueur afin que vous puissiez distinguer la copie compressée de votre maître.
Formats, limites et sortie
| Formats d'entrée | Photos JPG, JPEG, PNG, WebP et HEIC provenant d'iPhones récents où le navigateur peut les décoder. |
|---|
| Sortie | JPEG ou WebP pour les photographies, PNG lorsque l'image a une transparence qui doit survivre. |
|---|
| Par lots | Plusieurs fichiers en un seul passage ; chacun est codé indépendamment, donc une défaillance de l’un n’arrête pas le reste. |
|---|
| Confidentialité | L'encodage s'effectue localement dans la page. Aucune copie de l'image n'est stockée après votre départ. |
|---|
Conseils pratiques
- • Recadrez et redimensionnez avant de compresser. Encoder les pixels que vous êtes sur le point de jeter gaspille un budget qualité.
- • Conservez un fichier maître intact. Chaque recompression d'un JPEG déjà compressé perd définitivement un peu plus de détails.
- • Les captures d'écran pleines de texte sont plus belles au format PNG ou WebP qu'au format JPEG, qui macule les bords des lettres.
- • Vérifiez un fichier sur l'écran d'un téléphone avant de traiter un lot entier ; les bandes apparaissent différemment sur les écrans OLED.
Plus de questions sur cet outil
La compression modifiera-t-elle les dimensions de ma photo ?
Non. La compression modifie uniquement la façon dont les pixels sont stockés. La largeur et la hauteur restent exactement les mêmes, sauf si vous utilisez également le redimensionneur.
Quelle taille une photo peut-elle atteindre de manière réaliste ?
Une photo de téléphone typique de 4 Mo se situe entre 150 Ko et 600 Ko avant que le ramollissement ne devienne perceptible en plein écran.
Est-ce que cela supprime les données EXIF telles que la localisation GPS ?
Le réencodage supprime la plupart des métadonnées de l'appareil photo, ce qui est généralement le bienvenu lorsque vous publiez des photos publiquement.
Puis-je compresser un PNG avec un fond transparent ?
Oui. Conservez la sortie au format PNG ou WebP pour que la transparence survive ; une copie JPEG remplira la zone transparente avec une couleur unie.