Comment réduire la taille d’une image
Les trois outils se répartissent nettement : le recadrage va au convertisseur, les icônes à la forge, la simple réduction de poids à la compression par lot. Ce qui suit suit l’ordre dans lequel vous les utilisez réellement, avec la valeur par défaut de chaque étape et comment la changer ; la fin est une liste de dépannage.
Les trois tournent localement dans le navigateur, sans point d’envoi ni compte — une fois une image chargée, ils continuent de fonctionner hors ligne.
Une image doit couvrir 7 plateformes et 11 tailles d’un coup, ou demande un recadrage précis et de la transparence.
Sortie · 11 fichiers nommés « plateforme-usage-largeurxhauteur » plus une archive social-sizes
Un site ou une app a besoin du jeu complet favicon, écran d’accueil, PWA et extension, avec des noms de fichiers conformes aux conventions de chaque plateforme.
Sortie · 20 icônes nommées selon les conventions plus une archive icons (README inclus)
Un lot doit simplement devenir plus léger sans changer la composition, ou passer sous un plafond de poids.
Sortie · Fichiers -min de même nom plus une archive compressed-images
Bibliothèque de formats
Charger une image
Trois entrées, un résultat identique
Trois méthodes, un résultat identique :
- Glisser — le convertisseur accepte un dépôt n’importe où sur la page (remplace l’image en cours) ; la compression par lot ajoute quand des résultats existent déjà ; la forge le veut sur la zone d’envoi.
- Choisir un fichier — cliquez sur la zone d’envoi pour ouvrir le sélecteur.
- Coller — après une capture,
⌘/Ctrl + V, ce qui évite même l’enregistrement sur disque.
Côté formats : le convertisseur et la forge acceptent JPG / PNG / WebP / AVIF / GIF (GIF ne garde que la première image, l’animation n’est pas conservée) ; la compression par lot accepte JPG / PNG / WebP / AVIF et ignore les GIF animés et le SVG en expliquant pourquoi.
Côté taille : visez un grand côté au moins égal à la cible. Le convertisseur et la forge réduisent tout ce qui dépasse 4096px à 4096px avant de générer — cette étape ne borne que la mémoire et n’affecte pas la sortie, car la plus grande spécification n’est que YouTube bannière de chaîne (2560 × 1440). La compression par lot plafonne chaque fichier à 50.00 MB et chaque lot à 60.
Un piège facile : glisser une image depuis l’accueil saute au convertisseur en l’emportant, transmise via la mémoire du même onglet. Un rafraîchissement ou un nouvel onglet la perd, il faut donc la rechoisir.
Rogner ou contenir
Couper les bords, ou ajouter de la marge
C’est le seul choix qui change visiblement le résultat. Aucun mode n’est meilleur ; tout dépend de ce dont vous avez besoin.
- Résultat
- Remplit le cadre, l’excédent est coupé
- Idéal pour
- Captures d’écran, affiches, sujets centrés
- Attention
- L’information des bords est perdue ; le point focal choisit le côté
- Fond
- Inutilisé
- Résultat
- Image entière visible, fond tout autour
- Idéal pour
- Graphiques, designs avec du texte, tout ce qui doit être vu en entier
- Attention
- Ajoute de la marge ; choisissez un fond adapté
- Fond
- C’est la couleur de marge, blanche par défaut
Basculer recalcule immédiatement chaque résultat — aucun bouton à presser.
Point focal
Le cadrage quand le sujet n’est pas centré
Le point focal décide quel côté est sacrifié. Haut garde la partie supérieure, bas la partie inférieure ; en mode contenir, il contrôle de quel côté s’accumule la marge.
Quand ça compte : une image portrait vers une miniature 16:9, une image paysage vers une couverture 9:16, une photo portrait vers une publication carrée. Dans ces trois cas, le centre par défaut coupe volontiers là où il ne faudrait pas.
Boîte de recadrage
Sélection manuelle, verrouillage du ratio
Le point focal ne fait que vous approcher. Pour viser exactement une zone, utilisez la boîte de recadrage. Elle repose sur deux notions indépendantes, et les garder séparées est précisément ce qui l’empêche d’être déroutante :
- La zone de sélection est fixée à l’écran ; la faire glisser décide de la région conservée.
- Le zoom de l’image ne change que l’image derrière la zone ; la zone elle-même ne bouge pas.
Les pastilles de ratio proviennent des 8 ratios distincts parmi les 11 spécifications : 16:9 (1280×720), 3:1 (1500×500), 1:1 (400×400), 9:16 (1080×1920), 1:1.56 (420×654), 40:21 (1200×630), 4:1 (1584×396), 2:3 (1000×1500). Chaque pastille affiche la taille en pixels de la première spécification ayant ce ratio, et tant qu’une pastille est active, les poignées d’angle s’échelonnent proportionnellement.
Les recadrages se cumulent : chaque « appliquer le recadrage » recoupe à partir de l’image courante plutôt que de repartir de l’original. Pour annuler, utilisez « Rétablir le recadrage » dans la barre de source. La boîte de la forge ne propose que 1:1, car chaque sortie est carrée.
Sur mobile, pas de barre d’espace : un doigt fait glisser la zone, deux doigts pincent pour zoomer et déplacer l’image. Le reste se comporte pareil.
Format et qualité
Choisir entre JPEG et PNG
JPEG convient aux photos et à la plupart des contenus, et divise le fichier par deux quand aucune transparence n’est nécessaire. La qualité est à 92 par défaut (plage 40–100) : en dessous de 80, des bandes apparaissent sur les dégradés et les aplats ; au-dessus de 95, le fichier grossit sans gain visible.
PNG sert à la transparence (bandeaux de sous-titres sur vidéo, logos détourés) ou aux grandes surfaces d’aplat avec du texte. Activer la transparence bascule automatiquement en PNG, car le JPEG n’a aucun canal alpha ; revenir en JPEG désactive l’option, vous ne finissez donc jamais en « affiché transparent, exporté en blanc ».
Le PNG est sans perte, le curseur de qualité se grise donc. C’est attendu.
Export et nommage
Fichiers seuls, ZIP, règles de nommage
Les téléchargements individuels sont en bas à droite de chaque carte, ou dans l’aperçu sous « Télécharger celle-ci » ; l’ensemble est le bouton « Télécharger le ZIP » de l’en-tête des résultats. L’aperçu a deux modes : la vue plateforme dessine la forme réelle de la plateforme (avatar rond, carte arrondie, superpositions d’interface incluses), tandis que original montre les pixels exportés en 1:1.
Les noms de fichiers sont fixes pour tomber directement dans une bibliothèque d’assets : plateforme-usage-largeurxhauteur.jpg, par exemple {sample}. L’archive s’appelle social-sizes-20261024-1208.zip avec un horodatage local.
Si vous n’avez pas besoin de tout, cochez seulement le nécessaire dans « Exporter des tailles » à droite de la barre d’outils. Moins de fichiers, c’est du temps et de la mémoire canvas économisés.
D’un logo au jeu complet
Toute une plage de tailles depuis une source
La forge transforme une image en 20 fichiers répartis en six groupes : onglet de navigateur (favicon), logo de navigation, écran d’accueil iPhone, Android / PWA, extension Chrome, et avatars ronds plus petites tailles. Chaque taille, format et nom de fichier suit la documentation de la plateforme plutôt que notre propre invention.
Un logo carré de 1024 × 1024 est la source recommandée. Non carré fonctionne aussi — il est intégré proportionnellement avec une marge et jamais étiré.
Ce que font les quatre réglages
- Forme (carré / arrondi / cercle) ne change que le contour dessiné. Les icônes d’écran d’accueil iOS et les maskables sont toujours à fond perdu : le système applique le masque, et pré-rogner soi-même donne une double bordure avec des coins remplis de noir.
- Marge interne (0–20 %) ne s’applique qu’aux tailles qui représentent vraiment le logo (favicon, logo de navigation, icône principale PWA). Les avatars et icônes tactiles restent à fond perdu, sinon les gens pensent « l’image a rétréci » ; les maskables gardent au moins 10 %, car le système ne garantit que les 80 % centraux.
- Fond / transparence : iOS n’autorise pas l’alpha et les pixels transparents sont remplis de noir, les tailles apple-touch et PWA sont donc forcées opaques et le réglage de transparence n’a aucun effet sur elles.
- Ne pas agrandir intègre les pixels natifs. Quand la source est plus petite que la cible, la grille de pixels est conservée au lieu d’un flou — ce qui rend immédiatement visible le problème d’un petit logo.
Deux sorties souvent mal lues
favicon.ico est un fichier unique contenant des PNG 16 / 32 / 48, et le navigateur en choisit un — ne le découpez pas en trois fichiers. favicon.svg et logo.svg sont des bitmaps intégrés en SVG comme conteneur de transition : un bitmap ne peut pas devenir un vrai vecteur, ces fichiers ne font donc que porter le bon nom et la bonne référence. Pour la production, faites exporter un vrai vecteur sous le même nom par le design.
La mise en ligne
Les fichiers utilisent les noms conventionnels de chaque plateforme (favicon.ico, favicon-16x16.png, apple-touch-icon.png, android-chrome-512x512.png, android-chrome-maskable-512x512.png, icon-192.png) ; déposez-les tous à la racine du site. « Tout télécharger en ZIP » dans la barre de source prend le lot complet, nommé icons-20261024-1208.zip, avec un README.txt contenant les dimensions source, la zone de recadrage, les paramètres de rendu et la liste des fichiers. Les extraits en bas de page donnent les blocs HTML head et manifest.json à copier.
Pour juger le résultat, regardez les cartes — chacune dessine l’icône à sa taille d’affichage réelle, et l’ouvrir l’agrandit jusqu’au pixel. Si la version 16px n’a pas de contour reconnaissable, la marque doit être simplifiée.
Alléger un lot
Échelle de qualité et taille cible
La compression par lot fait exactement une chose : alléger un ensemble d’images similaires sans toucher à la composition. Contrairement au convertisseur elle ne recadre jamais et ne change pas de ratio ; contrairement à la forge elle ne produit pas de nouveaux types de fichiers.
Format de sortie
Intelligent (par défaut) garde les sources JPEG en JPEG et convertit les sources PNG / WebP / AVIF en WebP — le WebP conserve l’alpha, fait généralement moins de la moitié du PNG, et réencoder du PNG en PNG n’apporte presque rien. Vous pouvez aussi forcer JPEG / WebP / PNG. Si le navigateur ne sait pas encoder le WebP, il retombe sur PNG, l’extension suit, et la page le signale en haut.
Qualité et dimensions
Le curseur de qualité va de 40–100, par défaut 80 ; les trois préréglages à côté sont 轻压缩 90 / 推荐 80 / 高压缩 60. En dessous, des artefacts de blocs apparaissent, d’où le plancher à 40.
« Grand côté » propose pas de mise à l’échelle / 3840 / 2560 / 1920 / 1280 et ne réduit que : une source sous le plafond reste intacte, jamais interpolée vers le haut. Avec PNG sélectionné, le curseur de qualité et la taille cible cessent de s’appliquer — le PNG est sans perte, le piloter par le poids n’a pas de sens.
Comment la taille cible est poursuivie
Avec un plafond en Ko, l’outil descend d’abord l’échelle de qualité (jusqu’à six paliers, jusqu’à 30), puis réduit les dimensions par pas de 25 % (jusqu’à trois tours, jamais sous 320px). Ce n’est que si rien ne marche que la ligne est marquée « non atteint » — il ne prétendra pas avoir réussi.
Le résultat n’est jamais pire que l’original
Si rien n’a été mis à l’échelle et que l’encodage sort plus lourd, le fichier original est livré et marqué « original conservé ». Cette règle fait que la compression n’est jamais une perte nette, au prix de quelques lignes qui semblent n’avoir rien fait.
Les paramètres ne relancent pas la compression
Changer la qualité, la taille ou le format ne fait que lever un avertissement ; les résultats affichés viennent encore des anciens paramètres. Confirmez et appuyez sur « Recompresser ». Lot × plusieurs passes coûte cher, et recalculer à chaque mouvement du curseur bloquerait le thread principal.
Nommage et comparaison
Les noms de sortie ajoutent -min à l’original (avec une nouvelle extension si le format change) ; les doublons d’un lot reçoivent -2, -3, sinon les entrées ZIP suivantes écraseraient les précédentes. L’archive est compressed-images-20261024-1208.zip. Cliquez une ligne pour ouvrir la visionneuse de comparaison ; le séparateur se fait glisser au pixel près, et ← / → passent d’une image à l’autre.
Le réencodage n’écrit que des pixels, l’EXIF (appareil, ouverture, vitesse, GPS) est donc perdu. C’est généralement voulu, mais si vous archivez sur l’EXIF, sauvegardez les originaux d’abord.
Limites
Plafonds de poids, de nombre et de dimensions
- Aucun serveur — pas de point d’envoi ni de compte. Cela apporte la confidentialité et l’usage hors ligne ; le prix est qu’un rafraîchissement efface tout, les résultats ne vivent que dans cet onglet.
- Réduction à 4096 px — le convertisseur et la forge réduisent tout ce qui dépasse 4096 avant de générer. Les images sous la cible sont tout de même agrandies ; cette étape ne les sauve pas.
- Mémoire canvas — générer les 11 tailles d’un coup sur mobile peut saccader ; moins de sélection aide. La compression par lot plafonne à 60 images par lot et 50.00 MB chacune.
- Limites de format — réencoder un GIF animé perd l’animation, le SVG est vectoriel donc le rastériser déforme forcément, et les navigateurs ne décodent pas le HEIC. La compression par lot ignore les trois et explique pourquoi.
- La transparence est liée au format — une sortie transparente n’existe qu’en PNG ; en JPEG les zones transparentes sont remplies de la couleur de fond choisie.
Dépannage
Vérifiez ceci dans l’ordre quand un résultat semble faux
Le résultat est flou
La source est trop petite. Une publication carrée de 1080 de large demande au moins 1080px de largeur source, et YouTube bannière de chaîne demande 2560px. Vérifiez les dimensions dans la barre de source — tout ce qui est sous la cible est à coup sûr interpolé vers le haut.
Du contenu clé a été coupé
Rogner (cover) coupe toujours les bords ; c’est sa définition, pas un bug. Passez en contenir, ou verrouillez le ratio cible dans la boîte de recadrage et cadrez la zone voulue.
L’avatar semble avoir un morceau manquant
Les avatars sont recadrés en cercle, les coins n’apparaissent donc jamais. Gardez le sujet dans un cercle centré de 80 % de diamètre ; la vue plateforme de l’aperçu montre le vrai résultat circulaire.
Le PNG exporté est bien plus gros que prévu
Normal. Une image 1080×1920 en PNG peut faire 3–5 Mo. Sans transparence, utilisez JPEG — le même contenu pèse généralement 200–500 Ko.
La page rame après avoir chargé une grande image sur téléphone
Les navigateurs mobiles plafonnent la mémoire canvas par page. Réduisez la sélection dans « Exporter des tailles » à droite de la barre d’outils et générez deux ou trois à la fois ; cela aide nettement.
Certaines images n’ont pas maigri en compression par lot
Deux cas : la source était déjà très compressée, réencoder ne fait qu’empirer ; ou « grand côté » était désactivé, les dimensions n’ont pas bougé et l’encodage a grossi. Les deux livrent le fichier original et marquent la ligne « original conservé ».
Les icônes ont des bords noirs une fois installées
iOS n’autorise pas l’alpha, les pixels transparents deviennent noirs. Ici les tailles apple-touch et PWA sont forcées opaques, mais si la source est un logo sombre sur transparence, réglez un fond proche de la couleur du logo avant d’exporter.
J’ai changé les paramètres de compression et rien ne s’est passé
La compression par lot ne recalcule volontairement pas en direct — un lot peut faire des dizaines d’images à neuf encodages chacune. Les changements de paramètres ne lèvent qu’un avertissement ; appuyez sur « Recompresser » pour confirmer. Les outils mono-image se mettent à jour en direct.
Tout a disparu après un rafraîchissement
Aucun des trois outils n’a de point d’envoi, il n’y a donc pas de copie serveur : les images vivent dans la mémoire de cet onglet, et un rafraîchissement, une fermeture ou un nouvel onglet les efface. Téléchargez d’abord ce dont vous avez besoin.
Encore une question sur une taille précise ?La bibliothèque de tailles documente pour chaque entrée les vraies règles d’affichage, les superpositions et l’échec le plus courant ; le convertisseur, la forge d’icônes, et le compresseur par lot sont tous prêts à l’emploi.