Recadrage d'images en ligne, gratuit

Recadrez vos images avec des rapports d'aspect prédéfinis, ou avec une zone de sélection personnalisée. Téléchargez le résultat instantanément.

Vos fichiers ne quittent jamais votre appareil
Déposez une image ici ou cliquez pour parcourir

Prend en charge JPEG, PNG, WebP, GIF, BMP, TIFF, AVIF · jusqu'à 50 Mo

Comment recadrer une image

  1. Importez ou déposez une image ci-dessus.
  2. Sélectionnez un rapport d'aspect prédéfini, ou utilisez « Libre » pour toute forme.
  3. Faites glisser la sélection de recadrage sur la zone à conserver. Utilisez les poignées d'angle pour redimensionner.
  4. Cliquez sur « Recadrer l'image », puis téléchargez le résultat.

Brève histoire du recadrage

Le recadrage est plus ancien que l'édition numérique de plus d'un siècle. Recadrer une photographie à l'ère analogique était un acte physique : il fallait décider où placer un masque, une lame d'agrandisseur ou un morceau de carton avant que la lampe de l'agrandisseur n'expose le tirage. Dans une chambre noire en activité, un agrandisseur projette un négatif à travers une lentille sur une feuille de papier photosensible posée à plat dans un margeur, un cadre métallique lourd avec des bandes ajustables qui chevauchent les marges du papier. Tirer les bandes vers l'intérieur n'exposait qu'une fenêtre plus petite de papier. Pour les éditeurs photo des journaux et magazines, le flux de travail était encore plus matériel : les éditeurs marquaient leurs décisions de recadrage directement sur une planche-contact à l'aide de crayons gras, normalement rouges mais parfois bleus, en dessinant des rectangles autour de la portion de chaque image qu'ils voulaient agrandie. Le crayon gras était préféré parce qu'il écrivait sur l'émulsion brillante du tirage sans bavure. Henri Cartier-Bresson, la figure canonique de Magnum, a célèbrement refusé cette pratique, il insistait sur l'impression plein cadre et sur la composition dans le viseur au moment du déclenchement, traitant tout recadrage ultérieur comme une tricherie intellectuelle contre l'obturateur. (Son exception habituellement citée est l'image de 1932 Derrière la Gare Saint-Lazare, où il avait photographié à travers un trou dans une clôture et ne pouvait physiquement pas se rapprocher pour remplir le cadre.) Ansel Adams se tenait à l'autre extrémité : sa pratique méticuleuse de la chambre noire traitait le recadrage comme l'un des nombreux outils pour façonner le tirage final, aux côtés du brûlage, de l'éclaircissement, du filtrage des contrastes et du blanchiment sélectif. L'icône de la barre d'outils pour le recadrage dans les éditeurs d'images modernes, deux angles droits encadrant un rectangle vide, est un dessin stylisé des guides en L que les photographes utilisaient sur les planches-contacts pour cadrer manuellement les recadrages potentiels.

Rapports d'aspect populaires

Le rapport d'aspect décrit la proportion de largeur sur hauteur. Les plateformes sociales modernes ont chacune un ou plusieurs rapports « préférés », et téléverser avec le mauvais rapport signifie presque toujours que la plateforme recadrera ou ajoutera des bandes noires à votre place, généralement mal. Un outil de recadrage qui vous amène au bon rapport avant le téléversement fait un travail significatif. Vérifiez par rapport à la documentation actuelle de la plateforme pour le travail de production, les spécifications dérivent, mais en 2026 :

Rapports de cinéma, d'où viennent les préréglages larges

Rapport Academy (1.375:1, souvent appelé 4:3 familièrement). Les films muets étaient tournés à environ 4:3 en utilisant tout le cadre 35 mm ; lorsque le son optique sur film est arrivé à la fin des années 1920, la bande de bande sonore a empiété sur la zone d'image. L'Academy of Motion Picture Arts and Sciences a répondu par une directive le 16 février 1932 spécifiant de nouvelles dimensions d'ouverture, le résultat était un cadre 1.375:1, baptisé rapport Academy, et presque tous les films hollywoodiens entre 1932 et 1952 ont été tournés dans ce format. CinemaScope (2.55:1 → 2.35:1 → 2.39:1). La technique derrière remonte aux années 1920, lorsque l'inventeur français Henri Chrétien a breveté la lentille anamorphique Hypergonar. 20th Century Fox a signé un accord avec lui le 12 janvier 1953 et a annoncé le 2 février 1953 que toutes les futures productions Fox utiliseraient la technologie ; La Tunique a été présenté en septembre 1953 comme le premier long-métrage commercial en CinemaScope. Le rapport original était de 2.55:1 ; lorsque les bandes sonores ont été incorporées en 1956, il a rétréci à 2.35:1 ; SMPTE 195-1993 a confirmé 2.39:1 comme la norme moderne. Widescreen plat américain (1.85:1), Universal Pictures l'a introduit le 20 mai 1953 avec Thunder Bay ; non anamorphique, obtenu par dur-mattage du haut et du bas. 16:9 (1.7777...:1) a été proposé pour la première fois en 1984 par Kerns H. Powers du SMPTE HDTV Working Group, qui l'a choisi comme point médian géométrique entre les normes de cinéma de l'époque. L'UIT l'a adopté comme norme internationale HDTV en 1990 ; la FCC a adopté ATSC en 1996 ; les premières émissions ATSC sont passées en direct le 28 octobre 1998. Chaque télévision moderne, moniteur, écran d'ordinateur portable, vignette YouTube et signal HDMI est toujours nominalement 16:9.

La règle des tiers, une règle de composition de 1797 toujours en usage

L'expression « règle des tiers » apparaît dans les Remarks on Rural Scenery de John Thomas Smith, publié en 1797. Smith était un graveur et antiquaire anglais ; son livre était ostensiblement une collection de vingt eaux-fortes de chaumières avec du texte sur le pittoresque. Au passage, Smith cite une conférence de 1783 de Sir Joshua Reynolds sur l'équilibre de la lumière et de l'obscurité en peinture, puis propose d'étendre la même logique « à la règle des deux tiers », inventant ce qui deviendrait des siècles plus tard l'heuristique de composition standard pour la photographie amateur et professionnelle. Les outils de recadrage expriment la règle en superposant une grille 3x3 sur la sélection de recadrage en direct ; aligner un horizon, une forte verticale (un tronc d'arbre, une personne), ou un point focal avec l'un des quatre nœuds d'intersection est le conseil standard. Au-delà des tiers, plusieurs autres aides à la composition sont devenues des superpositions standard dans les outils de recadrage sérieux : le nombre d'or (≈1.618:1), parfois décrit comme l'inspiration mathématique plus profonde dont la règle des tiers est une simplification, place ses lignes de division à environ 0.382 et 0.618 du cadre ; la spirale de Fibonacci émerge du dessin de carrés successivement plus petits dont les côtés suivent 1, 1, 2, 3, 5, 8, 13... et c'est ce contre quoi les compositions de peinture de la Renaissance sont souvent analysées ; la méthode diagonale / triangle d'or trace une diagonale à travers le cadre et une perpendiculaire depuis chaque coin opposé, adaptée aux scènes avec une forte ligne oblique. Cet outil ne rend pas actuellement ces superpositions, une limitation de périmètre documentée et une opportunité honnête pour un travail futur.

Comment le recadrage se produit réellement, l'API Canvas

L'API HTML Canvas a, depuis la spécification originale WHATWG canvas, soutenu une seule méthode qui fait le gros du travail géométrique du recadrage : CanvasRenderingContext2D.drawImage(). Elle est surchargée avec trois formes, la troisième, à neuf arguments, est celle qui recadre : drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight). Les quatre premiers arguments numériques spécifient le rectangle source, une sous-région de l'image source à extraire. Les quatre suivants spécifient le rectangle de destination sur le canevas où cette sous-région doit être dessinée, avec une mise à l'échelle implicite si la destination est dimensionnée différemment. Pour recadrer sans mise à l'échelle, vous dimensionnez le canevas de destination pour correspondre exactement au rectangle source et dessinez avec dx = 0, dy = 0, dWidth = sWidth, dHeight = sHeight, ce qui est précisément ce que cet outil fait. Cet unique appel est le cœur battant de tout outil de recadrage basé sur navigateur. Une fois les pixels sur le canevas, le chemin d'exportation standard est canvas.toBlob(), qui sérialise le canevas en un Blob dans un type MIME choisi (PNG, JPEG, WebP). L'API Canvas expose également une fonction adjacente puissante, createImageBitmap(), dont l'option imageOrientation: 'from-image' applique toute rotation d'orientation EXIF présente dans un JPEG avant que le bitmap ne soit retourné, sans cela, les photos prises avec un téléphone tenu de côté apparaîtraient tournées de 90° sur le canevas. Le drawImage() à 9 arguments est largement disponible en référence depuis juillet 2015, ce qui signifie que tout navigateur en usage moderne le prend en charge.

Sans perte vs ré-encodé : une mise en garde JPEG

Une mise en garde petite mais importante pour tout outil de recadrage basé sur navigateur : l'API Canvas pixellise et ré-encode toujours. Si vous téléversez un JPEG, le déposez sur un canevas, recadrez avec drawImage() et exportez avec toBlob('image/jpeg', 0.92), vous venez d'effectuer un cycle supplémentaire de quantification DCT avec perte sur l'original. Ce phénomène est connu sous le nom de perte de génération, et JPEG y est célèbrement susceptible, chaque ré-enregistrement introduit une nouvelle erreur de quantification dans les coefficients de transformation cosinus discrète ; le sous-échantillonnage chroma compose l'effet à travers les enregistrements, les canaux chroma devenant progressivement plus doux et les limites de couleur saignant. La visualisation bien connue de Cloudinary montre un JPEG ré-enregistré cinquante fois se dégradant en une caricature reconnaissable mais visiblement endommagée de lui-même. Le conseil standard est de garder une copie maître non modifiée de toute image que vous pourriez vouloir ré-éditer. Il existe cependant une astuce spéciale qui permet de recadrer un JPEG sans ré-encoder, à condition que certaines contraintes géométriques soient respectées. La compression JPEG opère sur des blocs de 8x8 pixels (ou 16x16 macroblocs avec sous-échantillonnage chroma). Si les limites du recadrage tombent exactement sur ces bords de blocs, ce que la spécification JPEG appelle des limites iMCU, la région recadrée peut être extraite en réorganisant les coefficients DCT compressés existants sans jamais les décoder en pixels. L'implémentation canonique est jpegtran, l'utilitaire en ligne de commande qui accompagne libjpeg de l'Independent JPEG Group, organisé par Tom Lane et publié pour la première fois le 7 octobre 1991. L'API Canvas n'a pas d'équivalent, un recadrage JPEG basé sur navigateur ré-encode toujours ; le mieux qu'un outil puisse faire est de choisir un réglage de qualité élevée (cet outil utilise 92%, ce qui est conservateur et visuellement compétent). Pour PNG et WebP sans perte, la situation est différente : ces formats encodent les pixels de manière déterministe, donc un recadrage suivi d'un ré-enregistrement dans le même format est parfait au bit près sur les pixels recadrés. PNG est le format de sortie recommandé pour tout recadrage où la préservation des pixels compte plus que la taille du fichier, par exemple, une capture d'écran ou une maquette d'UI.

Événements tactiles et pointeur, pourquoi les poignées doivent être assez grandes

Jusqu'à ce que la spécification Pointer Events mûrisse, construire une seule poignée de glissement qui fonctionnait correctement avec une souris d'ordinateur, un doigt sur un écran tactile et un stylet sur une tablette nécessitait de jongler avec trois familles d'événements. Pointer Events Level 2 a atteint le statut de Recommandation W3C le 4 avril 2019, unifiant celles-ci en une seule famille d'événements cohérente avec pointerdown, pointermove, pointerup et un attribut pointerType exposant la classe d'appareil sous-jacente. Pour les parties orientées utilisateur d'un outil de recadrage, les poignées d'angle que vous faites glisser pour redimensionner la sélection de recadrage et la région centrale que vous faites glisser pour la déplacer, l'ergonomie tactile compte. Les directives de plateforme convergent vers un nombre similaire : les Apple Human Interface Guidelines spécifient une cible de pression minimale de 44x44 points ; Material Design spécifie 48x48 dp ; WCAG 2.5.5 (Niveau AAA, « Taille de la cible ») exige 44x44 pixels CSS ; WCAG 2.5.8 (Niveau AA, « Taille de la cible (Minimum) », ajouté dans WCAG 2.2) exige 24x24 pixels CSS minimum, avec des exceptions d'espacement. L'implication pratique : une poignée d'angle peinte comme un minuscule carré de 8x8 pixels est très difficile à attraper sur un téléphone. La décoration visible peut rester petite, mais la zone de pression sous-jacente doit s'étendre par rembourrage transparent afin que la cible effective réponde au moins au seuil WCAG AA de 24x24, idéalement les 44x44 du AAA / orientation Apple.

Le paysage des bibliothèques, et pourquoi cet outil n'en utilise aucune

La bibliothèque de recadrage côté client open-source dominante est Cropper.js par Chen Fengyuan, sous licence MIT, avec environ 13,8 k étoiles GitHub et environ 1,4 million de téléchargements hebdomadaires npm début 2026. Son ensemble de fonctionnalités est complet : tactile et souris, zoom à la molette et au pincement, rotation libre, basculement horizontal et vertical, plusieurs modes de rapport d'aspect, une image mobile à l'intérieur d'un cadre de recadrage fixe et des hooks d'événements riches. react-image-crop par Dominic Tobias est un composant spécifique à React allégé, sous licence ISC, sous 5 Ko gzippé. Pintura par PQINA est un éditeur d'images JavaScript commercial qui inclut le recadrage aux côtés du redimensionnement, de la rotation, du filtre, de l'annotation, du sticker, du filigrane et de l'outillage de rédaction, vendu sur des niveaux d'abonnement d'environ 13$ à 317$ par mois, utilisé par des entreprises comme Dropbox, Square et ConvertKit. smartcrop.js par Jonas Wagner (2014) est un algorithme de recadrage conscient du contenu qui utilise des heuristiques de traitement d'image (saturation des couleurs, détection des bords) pour trouver automatiquement un recadrage esthétiquement raisonnable plutôt que d'attendre l'entrée de l'utilisateur. Cet outil n'en utilise délibérément aucun, c'est une implémentation petite, à usage unique, sans framework. Il n'essaie pas de rivaliser avec Cropper.js sur l'étendue des fonctionnalités ; il est ajusté pour une seule visite, une seule image, un seul recadrage, un seul téléchargement, sans téléversement, sans compte et sans balise script tirée d'un CDN.

Confidentialité : pourquoi le tout-navigateur compte ici

Les outils de recadrage côté serveur (iLoveIMG, Adobe Express, Canva et la plupart des sites « online image cropper ») nécessitent le téléversement de votre image vers un serveur tiers. iLoveIMG documente une politique de suppression de deux heures ; Adobe Express et Canva ont des conditions similaires mais variables. Même avec la suppression la plus scrupuleuse, le téléversement lui-même est un événement réseau qui peut être journalisé, intercepté ou violé. Pour les photos de vacances ordinaires, c'est très bien. Pour les photos personnelles avec des métadonnées EXIF GPS, les scans de documents contenant des PII (pages de passeport, cartes d'identité, documents fiscaux, formulaires d'assurance), les captures d'écran d'UI de travail interne, l'imagerie médicale ou tout autre chose que vous ne voudriez pas voir copiée sur le disque dur d'un étranger, « l'image reste sur mon appareil » est la seule architecture sûre. Cet outil exécute tout le pipeline de recadrage, sélection de fichier, décodage, recadrage canvas, ré-encodage, téléchargement, localement dans votre navigateur via JavaScript. Pas de téléversement, pas d'appel API, pas d'entrée de log. Vous pouvez vérifier en ouvrant l'onglet Réseau de DevTools pendant que vous recadrez : il n'y a pas de requêtes sortantes transportant des données d'image. Mieux encore, mettez la page hors ligne (mode avion) après son chargement et confirmez que le recadreur fonctionne toujours, la preuve empirique la plus solide que rien n'est téléversé.

Questions fréquentes

Le recadrage réduit-il la qualité de l'image ?

Non. Le recadrage extrait la zone sélectionnée à sa résolution d'origine. Le seul facteur de qualité est le format de sortie · les JPEG utilisent un réglage de haute qualité (92 %) pour minimiser les artefacts.

Puis-je recadrer à des dimensions exactes en pixels ?

La sélection de recadrage affiche ses dimensions en pixels en temps réel. Pour des tailles exactes en pixels, utilisez notre outil de redimensionnement d'images après le recadrage afin d'ajuster le résultat à des dimensions précises.

Mon image est-elle envoyée quelque part ?

Non. L'intégralité du recadrage se fait dans votre navigateur, grâce à l'API Canvas. Votre image reste sur votre appareil en permanence.

Quel rapport d'aspect dois-je choisir ?

Correspondez à la plateforme de destination. L'engagement du fil Instagram favorise le portrait 4:5 (5:4 vertical, 1080x1350) sur le carré 1:1 ; les vignettes YouTube sont 16:9 (1280x720) ; TikTok et Instagram Stories/Reels sont 9:16 vertical (1080x1920) ; les aperçus de liens Facebook/LinkedIn via Open Graph sont 1.91:1 (1200x630) ; les épingles standard Pinterest sont 2:3 (1000x1500). Pour l'impression, le papier série A est 1:√2 (≈1:1.414) ; le film 35mm et la plupart des capteurs DSLR sont 3:2 ; iPad et les anciennes photos 4:3 sont 4:3. Utilisez « Libre » si vous recadrez pour l'art plutôt que pour une plateforme spécifique.

Mon image est-elle téléversée quelque part ?

Non. Tout le traitement, sélection de fichier, décodage, sélection de recadrage, ré-encodage canvas, téléchargement, se produit localement dans votre navigateur via JavaScript et l'API HTML Canvas. Aucune image n'est envoyée à un serveur, aucun appel API n'est effectué, aucune entrée de log n'est créée. Vous pouvez vérifier dans l'onglet Réseau de DevTools pendant que vous recadrez, ou mettre la page hors ligne après son chargement et confirmer que le recadreur fonctionne toujours. Sûr pour les photos personnelles avec GPS intégré, les scans de documents contenant des PII, les captures d'écran d'UI de travail interne ou toute image que vous ne voudriez pas voir copiée sur le disque dur d'un étranger.

Le recadrage supprime-t-il les métadonnées EXIF ?

Oui, par effet secondaire. L'API Canvas ne stocke que les données de pixels, donc les blocs de métadonnées EXIF, IPTC et XMP (modèle d'appareil photo, paramètres d'exposition, coordonnées GPS, balises de copyright) ne survivent pas à l'aller-retour, ils ont disparu de la sortie recadrée. C'est une victoire de confidentialité lorsque vous partagez l'image recadrée vers des forums ou des applications de chat qui ne suppriment pas l'EXIF au téléversement. Si vous devez préserver les métadonnées (photographes archivant les données d'exposition, flux de travail de contenu nécessitant des balises de copyright), c'est le mauvais outil, utilisez convert d'ImageMagick ou une bibliothèque dédiée consciente d'EXIF qui préserve explicitement les métadonnées.

Outils associés

Compression d'images en ligne, gratuite

Compressez vos images jusqu'à 80 % plus petites. Glissez-déposez, téléchargement instantané. Aucun envoi vers un serveur.

Redimensionnement d'images en ligne, gratuit

Redimensionnez gratuitement vos images aux dimensions exactes souhaitées. Définissez une largeur et une hauteur personnalisées, ou conservez le rapport hauteur/largeur.

Conversion d'images en ligne, gratuite

Convertissez gratuitement vos images entre les formats PNG, JPEG et WebP. Conversion par lot de plusieurs fichiers à la fois.