Réduire est la seule opération d'image qui détruit de l'information exprès : vous choisissez un rectangle, tout ce qui est à l'extérieur est jeté, et le rectangle devient la nouvelle image. La question qu'un outil de recadrage répond n'est pas où se trouve le sujet, mais quelle part du cadre la plateforme sur laquelle vous publiez acceptera. Un fil carré, une bannière panoramique, une impression verticale et un document A4 ont chacun un appétit différent pour les pixels, et le recadrage est l'étape qui adapte un fichier aux quatre. L'outil de recadrage d'images le fait entièrement dans votre navigateur : le fichier est lu avec un FileReader, dessiné sur un canvas, et le rectangle sélectionné est ré-encodé sur place. Rien n'est envoyé, rien n'est mis en file, et le fichier original ne quitte jamais votre machine.
Cette conception côté client change ce que l'outil peut promettre. Parce que la réduction est un découpage de pixels pur en résolution native, le résultat est exactement les pixels que vous avez encadrés, sans ré-échantillonnage, sans interpolation et sans agrandissement. Vous ne pouvez pas recadrer jusqu'à révéler un détail qui n'est pas dans le fichier, mais vous ne pouvez non plus perdre un détail qui est à l'intérieur du cadre. Le reste de ce guide couvre comment le cadre de recadrage se projette sur les pixels d'origine, ce que chaque proportion fait à une photo standard de 4000 × 3000, comment les options d'export PNG, JPEG et WebP diffèrent, et où se situe un recadrage dans un flux de travail d'image plus large.
Comment le Cadre de Recadrage Fonctionne : l'écran est un Aperçu Mis à l'échelle
L'image sur laquelle vous glissez n'est pas l'image que vous exportez. L'outil réduit la photo pour qu'elle tienne dans son conteneur, en utilisant le plus grand facteur qui tient à la fois dans la largeur et dans la hauteur et qui n'excède jamais un, si bien qu'une grande photo est toujours montrée plus petite que sa vraie taille et qu'une petite photo n'est jamais gonflée. Le cadre de recadrage que vous déplacez et redimensionnez vit dans ce système de coordonnées réduit, ce qui explique pourquoi le glisser reste fluide même pour un scan de 40 mégapixels. À l'export, l'outil convertit le cadre de retour dans la trame de pixels d'origine, arrondit aux pixels entiers, et dessine cette région une à une sur un nouveau canvas.
Deux conséquences comptent. Premièrement, l'étiquette de taille sous le cadre de recadrage est déjà la dimension de sortie en pixels d'origine, pas la taille de l'aperçu, si bien que ce qu'elle indique est exactement ce que sera le téléchargement. Deuxièmement, le mappage est sans perte dans les deux sens à des fins de planification : chaque pixel de l'aperçu correspond à un rectangle fixe de pixels d'origine, si bien qu'un cadre que vous ajustez à l'échelle de l'aperçu est exporté dans la même proportion en résolution complète. Si vous voulez connaître les dimensions du fichier que vous allez recadrer avant de l'ouvrir, l'outil d'information d'image lit largeur, hauteur, format et taille de fichier depuis l'en-tête en un clic, ce qui est la façon la plus propre de prédire les chiffres ci-dessous avant de vous engager sur un rectangle.
Le Cas Standard : une Photo de 4000 × 3000 dans Six Cadres
Prenez une photo de 4000 × 3000, soit 12 mégapixels et le classique cadre 4:3 d'un téléphone en mode standard ou d'un appareil compact. Passez l'outil avec chaque préréglage à son tour, en gardant le cadre aussi grand que chaque proportion le permet, et les dimensions de sortie sont entièrement déterminées par l'arithmétique sur la taille d'origine. Un recadrage 1:1 renvoie 3000 × 3000, le plus grand carré qui tienne dans le cadre 4:3, soit 9 mégapixels. Un recadrage 16:9 renvoie 4000 × 2250, en gardant toute la largeur et en rognant la hauteur, et cela fait aussi exactement 9 mégapixels. Un recadrage 4:3 renvoie 4000 × 3000, l'image entière, parce que la photo est déjà en 4:3 et qu'il n'y a rien à couper.
Un recadrage 3:2, la proportion classique du cinéma et de l'imprimerie, renvoie 4000 × 2667. Un recadrage vertical 2:3, la même proportion debout, renvoie 2000 × 3000. Un recadrage A4, dont la proportion est 210 pour 297, renvoie 2121 × 3000 pour une feuille A4 en vertical. Notez la coïncidence : 1:1 et 16:9 atterrissent tous deux sur exactement 9 mégapixels depuis une source de 12 mégapixels ; un cadre carré et un cadre panoramique suppriment le même tiers des pixels d'un original 4:3, seulement depuis des bords différents. Si votre cible est le fil d'une plateforme précise plutôt qu'une proportion, l'outil de recadrage pour réseaux sociaux garde les dimensions préréglées des principaux réseaux, ce qui vous épargne la recherche de ce qu'Instagram, LinkedIn ou une vignette de vidéo exigent réellement.
Proportions et Comportement de la Contrainte
L'outil sort avec sept modes : libre, 1:1, 4:3, 16:9, 3:2, 2:3 et A4, couvrant le carré, le panoramique, les formats natifs d'appareil photo et les formats d'impression. Quand une proportion est active, glisser un coin ancre le coin opposé sur place et l'autre dimension est dérivée de la dimension du pointeur à travers la proportion, si bien que le cadre ne peut pas sortir de sa forme. Si le cadre guidé par la proportion déborderait le bord ancré ou la limite de l'image, l'outil réduit les deux dimensions ensemble le long de la proportion plutôt que de laisser un côté casser la forme, ce qui est la raison pour laquelle un cadre contraint reste toujours dans la photo. Une grille des tiers, avec des lignes aux marques des 33,33 % et des 66,66 %, est dessinée à l'intérieur du cadre pour vous aider à placer un sujet sur une intersection plutôt qu'en plein centre.
Deux limites pratiques complètent le comportement. Le cadre minimal est de 20 pixels de côté, si bien que vous ne pouvez pas pincer le recadrage jusqu'à en faire une lanière, et chaque dimension est arrondie au pixel entier à l'export. Changer de proportion avec un cadre ouvert re-ajuste le cadre existant à la nouvelle forme, en ancrant en haut à gauche, pour que vous puissiez explorer 1:1 et 16:9 côte à côte sans redessiner à zéro. Si la dimension finale doit être un nombre exact, comme 1080 × 1080 pour un emplacement de fil précis, le flux propre est de recadrer d'abord pour la composition puis de passer le résultat dans l'redimensionneur d'images, qui met le fichier recadré à l'échelle des dimensions exactes de destination. Le recadrage choisit le cadre ; le redimensionnement fixe le nombre de pixels.
PNG, JPEG, WebP : format, qualité et fond blanc
L'export propose trois formats avec un curseur de qualité de 10 à 100, par défaut à 92. PNG est sans perte et préserve la transparence, si bien que c'est le choix sûr pour les graphiques, les captures d'écran et tout ce qui a des bords découpés. JPEG est avec perte et n'a pas de canal de transparence, ce que l'outil gère en peignant un fond blanc avant l'encodage, si bien qu'une région recadrée qui incluait des zones transparentes ressort blanche au lieu d'être noire. WebP produit des fichiers plus petits que JPEG à qualité visuelle comparable, ce qui compte quand le recadrage doit vivre sur une page qui doit charger vite. Le réglage de qualité s'applique aux encodeurs avec perte ; à 92, le JPEG et le WebP sont visuellement propres pour un contenu photographique, et le baisser est le moyen le plus rapide de réduire le fichier quand les dimensions sont déjà fixées.
Le téléchargement est nommé d'après le fichier original avec un suffixe de recadrage fixe, si bien qu'une photo appelée beach.jpg est exportée en beach_cropped.jpg, beach_cropped.png ou beach_cropped.webp selon le format choisi. Ce nom garde le recadrage à côté de sa source dans votre système de fichiers, ce qui compte quand la même photo sert à plusieurs mises en page. Si le fichier recadré pèse encore plus que la destination ne le permet, le compresseur d'images le ré-encode contre un budget de poids, ce qui est un levier différent de la qualité parce qu'il itère jusqu'à atteindre le poids cible. Et si la destination a besoin d'un format que le recadreur n'exporte pas, le convertisseur d'images prend le fichier recadré et le transcode dans ce que l'usine de production exige, pour que le recadrage reste l'étape de composition et n'ait pas à faire aussi l'étape de format.
Le Recadrage Dégrade-t-il la Qualité ou la Taille du Fichier ?
La qualité est protégée par la conception sans ré-échantillonnage. Parce que l'aperçu ne met jamais à l'échelle au-delà de cent pour cent de l'original et que l'export projette le cadre directement sur la trame de pixels d'origine, l'outil n'invente aucun pixel et ne fait aucune moyenne entre pixels. Le résultat contient exactement les pixels de votre rectangle, à leur taille native, ce qui veut dire qu'un recadrage d'une photo nette est aussi net que la photo elle-même dans cette région. La seule façon pour un recadrage de dégrader un fichier serait que vous l'agrandissiez ensuite, et c'est une décision de redimensionnement, pas de recadrage.
La taille du fichier bouge avec le nombre de pixels. Couper une photo 4:3 de 12 mégapixels en un cadre carré ou panoramique de 9 mégapixels supprime un quart des pixels avant même que l'encodage ne commence, et à qualité 92 le JPEG résultant atterrit généralement bien en dessous de la taille du cadre complet original. Un PNG sans perte de la même région garde chaque bit original à l'intérieur du cadre, si bien que sa taille est proportionnelle à la surface que vous avez gardée. En bref : le recadrage décide combien de pixels survivent, le format décide à quel point ils sont stockés efficacement, et le réglage de qualité décide quelle part du détail fin les encodeurs avec perte peuvent jeter.
Où un Recadrage se Place dans un Flux de Travail d'image Plus Large
L'outil accepte PNG, JPEG, WebP, GIF et BMP à l'entrée, en lisant la première image d'un GIF animé, et toute la session se déroule dans l'onglet du navigateur qui a le fichier, sans aucun aller-retour serveur à aucun moment. Cela en fait le premier passage naturel sur n'importe quelle image qui doit devenir une autre forme : faites entrer le fichier, choisissez la proportion que la destination veut, vérifiez la dimension de sortie sur l'étiquette, et exportez.
Ce qui suit le recadrage dépend de la destination. Si la source est une image générée par IA, le cadre que vous obtenez est celui que le modèle a composé, et le recadrage est la deuxième étape après la génération, si bien que le guide pour écrire des prompts d'image avec l'IA couvre comment obtenir d'abord une composition exploitable du modèle, tandis que cet outil ajuste le cadre au format dont vous avez besoin. Si le résultat est pour l'impression ou un document, le préréglage A4 est le point de départ, et si l'image finale a besoin d'un signe, le bon ordre est de recadrer d'abord puis d'appliquer le filigrane d'image, pour que le signe tombe sur le cadre final au lieu d'être coupé par moitié. Le recadrage est l'étape la moins visible d'une chaîne d'image, et aussi la seule qui décide définitivement ce que le reste de la chaîne voit.