Aller au contenu principal
ImageSize

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.

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.

Rogner (cover)
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é
Contenir (contain)
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.

⌘ / Ctrl + VColler une image du presse-papiers — fonctionne dans les trois ateliers
Molette / pincementZoomer l’image ; la sélection ne bouge pas
Espace / glisser-milieuDéplacer l’image ; le glisser-droit fonctionne aussi
+ / −Zoom par pas de 1,25×
0Réajuster l’image à la fenêtre
Poignées d’angleMise à l’échelle proportionnelle quand un ratio est verrouillé — impossible de déformer
ÉchapFermer la boîte de recadrage, l’aperçu ou un menu ouvert
← / →Image précédente / suivante dans l’aperçu
Entrée / EspaceOuvrir l’aperçu depuis une carte

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.