Compresser une image à 100 Ko en ligne

Compressez vos images à 100 Ko pour le web, les envois et les e-mails. Le panneau de résultats affiche la taille et la résolution réelles, pour que vous sachiez toujours ce que la cible vous a coûté.

À quoi servent 100 kilo-octets

100 Ko, c'est 102 400 octets, et c'est la première cible de ce site où la réponse cesse d'être un compromis. Une photographie coûtant environ un tiers d'octet par pixel tient dans quelque 300 000 pixels, soit à peu près 700 par 450 : assez grand pour une image d'article, une vignette de catégorie, une annonce sur une place de marché ou une photo de profil à n'importe quelle taille qu'un navigateur en affichera. Bon nombre de photographies atteignent 100 Ko sans perdre un seul pixel, simplement en faisant descendre la qualité de l'encodeur du réglage quasi sans perte qu'inscrit un appareil de téléphone à une valeur entre 0,6 et 0,8 que personne ne remarque à l'écran. L'outil tente cette voie en premier. Il ne commence à retirer de la résolution que lorsque le fichier dépasse huit fois le budget, seuil à partir duquel la seule réduction de qualité ne peut manifestement pas suffire et où une première tentative en pleine résolution ne serait que quelques secondes passées à le démontrer. La boucle de mesure prend alors le relais : encoder, lire les nombres réels d'octets et de pixels, calculer le coût par pixel propre à cette image, résoudre la taille qui tient, répéter cinq fois au maximum. Les captures d'écran sont le cas intéressant pour cette cible. Une capture enregistrée en PNG est sans perte par définition, et le PNG n'a aucun réglage de qualité à sacrifier : une capture d'un écran Full HD restera donc bien au-dessus de 100 Ko quoi qu'on fasse. La page détecte que la sortie est sans perte, signale l'écart comme un problème de format plutôt que comme un échec mystérieux, et vous indique que passer la sortie en JPEG est le véritable remède. Les métadonnées sont supprimées au passage, et chaque étape se déroule localement dans le navigateur.

Pourquoi 100 Ko est une cible web raisonnable

100 Ko par image, c'est à peu près le point où une page cesse d'être lente à cause de ses illustrations. Le Largest Contentful Paint, la métrique des Core Web Vitals qui décide si une page paraît rapide, est généralement déterminé par la plus grande image visible sans défilement, et faire passer cette image sous quelques centaines de kilo-octets est de loin l'amélioration la moins chère à la portée de la plupart des sites. Les images d'article comptent encore davantage dans leur ensemble : un long billet avec quinze photos de 2 Mo est une page de trente mégaoctets qu'aucune connexion mobile n'affichera poliment, alors que le même billet à 100 Ko par image se charge avant que le lecteur ne se lasse. Il existe aussi de vraies limites autour de ce chiffre. Quantité de forums, de wikis, de sites d'emploi, de systèmes de billetterie et de plateformes d'e-mailing plafonnent les pièces jointes ou les images intégrées à 100 Ko, et les applications intranet anciennes le font fréquemment. L'e-mail est un cas à part : beaucoup de passerelles d'entreprise rejettent encore les messages de plus de quelques mégaoctets, et une newsletter contenant une douzaine d'images intégrées à 100 Ko chacune reste confortablement en dessous, là où les originaux intacts ne passeraient pas. L'autre raison pour laquelle ce chiffre revient sans cesse, c'est qu'il correspond à peu près au seuil des rendements décroissants pour une photographie affichée à une largeur d'article ordinaire. En dessous de 100 Ko, vous commencez à échanger visiblement de la netteté contre des octets ; au-dessus, l'essentiel des données supplémentaires part dans du détail que la taille d'affichage ne restitue jamais. Le choisir comme cible fixe plutôt qu'un pourcentage de qualité vous donne une réponse vérifiable - la page vous dit que le fichier fait 94 Ko et si sa résolution a survécu - au lieu d'un réglage qu'il faut juger à l'œil en espérant qu'il suffisait.

Améliorer le Largest Contentful Paint des pages riches en images
Garder les longs articles chargeables sur connexion mobile
Respecter les plafonds de pièces jointes des forums, wikis et newsletters
Atteindre souvent la cible sans aucune perte de résolution

Comment compresser une image à 100 Ko

Pour un usage web, déterminez d'abord la largeur d'affichage. Il ne sert à rien de fournir une photo de 3000 pixels à un emplacement rendu à 800 : les pixels excédentaires coûtent des octets et n'apportent rien.

1

Importez les images que vous voulez faire passer sous 100 Ko, en lot si vous le souhaitez

2

Laissez le format sur Conserver le format d'origine pour les photographies ; passez en JPEG si une capture d'écran PNG doit atteindre la cible

3

Cliquez sur Appliquer et regardez chaque ligne de résultat - si la ligne de résolution indique inchangée, la cible ne vous a coûté que de la qualité d'encodeur

4

Choisissez plutôt le WebP quand la destination est un site web moderne : vous conserverez nettement plus de détail dans les mêmes 100 Ko

Questions fréquentes

Aux largeurs d'article habituelles, oui. 100 Ko permettent une photographie d'environ 700 à 900 pixels sur le grand côté, ce qui est au niveau ou au-dessus de la largeur de rendu de la plupart des colonnes d'article. Elle ne paraît molle que si vous l'affichez bien plus large que cela ou si vous l'ouvrez en plein écran.
Le WebP, si la destination le prend en charge. À qualité visuelle égale, le WebP demande environ un quart d'octets en moins : à budget fixé à 100 Ko, il vous donne donc plus de résolution plutôt qu'un fichier plus léger. Tous les navigateurs actuels le décodent ; certains formulaires d'envoi et outils de bureau anciens ne l'acceptent toujours pas.
Parce que le PNG est sans perte. Il reproduit chaque pixel à l'identique et n'a aucun réglage de qualité à baisser : le seul moyen de l'alléger est de retirer des pixels - et une capture d'écran suffisamment réduite pour tenir dans 100 Ko a un texte illisible. Le panneau de résultats signale cela comme une limite de format et recommande le JPEG, ce qui est la réponse honnête.
C'est un ordre de grandeur raisonnable pour les images d'article. Une bannière pleine largeur peut justifier davantage ; la métrique qui compte vraiment, c'est le temps que met la plus grande image visible à arriver sur une connexion réelle. Servir une image correctement dimensionnée compte plus que n'importe quel chiffre d'octets : un fichier de 100 Ko affiché sur 300 pixels de large reste du gaspillage.
Souvent, oui. Si votre fichier fait moins d'environ huit fois la cible, l'outil tente d'abord toute la réduction via la qualité d'encodeur et ne retire des pixels que si cela ne suffit pas. La ligne de résultat précise si la résolution a changé, vous n'avez donc jamais à le deviner.
Un écran à deux pixels physiques par pixel CSS demande environ le double de résolution linéaire, soit quatre fois plus de pixels. Prévoyez en conséquence : si votre image est rendue sur 800 pixels CSS de large et que vous la voulez nette sur un écran Retina, 100 Ko sera juste et la page 200 Ko est un meilleur point de départ.
Non. Un fichier déjà dans le budget vous est rendu exactement tel que vous l'avez importé et signalé comme déjà sous 100 Ko. Le passer quand même dans l'encodeur ferait perdre une génération de qualité en échange de rien.
Vous pouvez sélectionner ou déposer de nombreux fichiers ensemble et télécharger les résultats dans un seul ZIP. Le traitement est séquentiel plutôt que parallèle, pour qu'un gros lot n'épuise pas la mémoire d'un téléphone, et chaque fichier reçoit son propre verdict de réussite ou d'échec dans la liste des résultats.

Plus d'outils d'image

Explorez d'autres outils puissants pour vos besoins d'édition

Compresser Image

Réduire la taille

Recadrer Image

Découper zone

Convertir Format

Changer format

Éditeur Photo

Éditer photos

Pivoter Image

Pivoter image

Retourner Image

Horizontal/Vertical

Ajouter Filigrane

Filigrane

Ajouter Bordure

Ajouter bordure d'image

Coins Arrondis

Ajouter coins arrondis

Filtres

Luminosité/Contraste

Flouter Visage

Masquer visages

Mosaïque

Flouter régions

Supprimer Fond

Supprimer fond

Améliorer Image

IA upscale

Ajouter Texte

Ajouter texte à l'image

Collage

Combiner plusieurs images

HTML vers Image

Web vers image

GIF en Séquence

Extraire frames

Supprimer les bords vides

Supprimer les bords vides

Renommer des images en lot

Renommer plusieurs fichiers en toute sécurité

Recadrage Circulaire

Recadrer des images en cercle

Noir et Blanc

Convertir des images en niveaux de gris

Diviser l'Image

Découper une image en grille

Fusionner les Images

Combiner des images en une seule

Changer le DPI

Définir les métadonnées DPI

Image en Base64

Encoder des images en Base64

Image vers PDF

Rassembler des images dans un PDF

HEIC vers JPG

Convertissez les photos HEIC de votre iPhone en JPG

Suppresseur EXIF

Consultez et effacez les métadonnées photo cachées, y compris la géolocalisation GPS

Générateur de Favicon

Jeu d'icônes complet + code HTML

Palette de couleurs

Extraire les couleurs d'une image

Base64 vers image

Décoder du Base64 en image

HEIC vers PNG

Convertir les photos HEIC de l'iPhone en PNG sans perte

Texte derrière l'image

Placer du texte derrière le sujet d'une photo, entièrement dans votre navigateur

Pipette à couleurs

Obtenir le HEX, le RGB et le HSL de n'importe quel pixel

Créateur de signature

Dessiner une signature et la télécharger en PNG transparent

Détourage de signature

L'encre du papier, sur fond transparent

Créateur de fond transparent

Rendre un arrière-plan transparent