CodeKitHubEn quoi consiste cet outil ?
Un outil de recadrage permet de découper une zone rectangulaire dans une image et d'ignorer le reste. Il s'agit de la retouche photo la plus élémentaire et la plus courante : recadrer une capture d'écran pour ne garder que la fenêtre souhaitée, se découper d'une photo de groupe pour en faire un avatar, supprimer un bord d'arrière-plan disgracieux ou recadrer une photo de paysage au format carré pour une publication.
Cet outil de recadrage fonctionne grâce à l'API HTML5 Canvas directement dans votre navigateur. Lorsque vous sélectionnez un fichier, celui-ci est décodé localement ; vous ajustez la sélection en faisant glisser ses bords et ses coins, et le recadrage est effectué en copiant uniquement ces pixels sur un nouveau canevas. Comme aucun serveur n'intervient, il n'y a pas de temps d'attente lié au téléchargement, pas de frais liés à la taille du fichier et aucun compromis en matière de confidentialité : l'outil fonctionne même hors ligne une fois la page chargée.
Pourquoi l'utiliser ?
- Sélection par glisser-déposer et ajustement : déplacez le cadre ou tirez sur n'importe quelle poignée de coin ou de bord jusqu'à ce que le cadrage soit parfait, avec un affichage en temps réel de la taille en pixels.
- Les préréglages de format d'image — 1:1, 4:3, 16:9 et 9:16 — permettent de définir la forme du cadre pour les avatars, les vignettes et les images de couverture de vidéos verticales. Vous pouvez également passer en mode libre pour effectuer des recadrages personnalisés.
- Téléchargez au format PNG (sans perte, conserve la transparence) ou JPG (fichiers plus légers pour les photos) — vous choisissez au moment de l'exportation.
- Traitement 100 % local grâce à l'API Canvas : votre image n'est jamais téléchargée, transmise ni stockée nulle part, ce qui est particulièrement important pour les photos d'identité, les documents et les captures d'écran contenant des données à caractère personnel.
- C'est gratuit, sans filigrane, sans inscription, et ça fonctionne aussi bien sur les téléphones et les tablettes (avec glisser-déposer) que sur ordinateur.
Mode d'emploi
- Cliquez sur la zone de téléchargement ou glissez-y un fichier image — les formats JPG, PNG, WebP et la plupart des formats courants sont pris en charge.
- Faites glisser l'intérieur du cadre de sélection pour le déplacer, ou faites glisser les poignées situées aux coins et sur les bords pour le redimensionner.
- Vous pouvez choisir un préréglage de format d'image (1:1, 4:3, 16:9, 9:16) pour verrouiller la forme du cadre, ou le laisser libre.
- Choisissez le format PNG ou JPG comme format de sortie.
- Cliquez sur le bouton « Recadrer et télécharger » : l'image recadrée se télécharge immédiatement.
Exemple
Entrée
A 4000×3000 photo, selection locked to 1:1 over the face, 800×800 area chosenRésultat
An 800×800 PNG containing only the selected squareLe résultat conserve les pixels d'origine à l'échelle 1:1 : le recadrage ne modifie jamais la taille ni ne recompresse la zone sélectionnée, sauf si vous exportez au format JPG, ce qui entraîne une légère compression de l'image.
Ratios de recadrage courants et où les utiliser
Choisissez le format en fonction de la plateforme sur laquelle vous publiez, et non en fonction de l'image source : une vignette au format 16:9 recadrée à partir du centre d'une photo verticale est généralement préférable à un recadrage avec bandes noires. Lorsqu’une plateforme indique une taille exacte en pixels, respectez d’abord son format ; en ajustant correctement la forme dès l’étape du recadrage, vous éviterez le recadrage automatique au centre que de nombreux sites appliquent, ce qui coupe systématiquement les têtes et le texte.
| Motif | Forme | Utilisation courante |
|---|---|---|
| 1:1 | Carré | Photos de profil, fil d'actualité Instagram, icônes d'applications |
| 4:3 | Paysage classique | Présentations, anciens appareils photo, écrans d'iPad |
| 16:9 | Écran large | Vignettes YouTube, jaquettes de vidéos, écrans |
| 9:16 | Vertical | Stories, Reels, TikTok, fonds d'écran pour téléphone |
| Gratuit | N'importe quel rectangle | Recadrage de captures d'écran, suppression des bords, mises en page personnalisées |
La place du recadrage parmi les outils d'image
Le recadrage modifie ce que l'image montre ; le redimensionnement modifie sa taille. Un processus de création d'avatar classique utilise les deux : on commence par recadrer au format 1:1, puis on redimensionne à la taille requise de 400 × 400 à l'aide de l'outil « Image Resizer ». En procédant dans cet ordre, le sujet reste net, car le redimensionnement n'a lieu qu'une seule fois, lors du cadrage final.
Si le fichier reste trop volumineux après le recadrage — ce qui arrive souvent avec les photos prises avec un téléphone dont la taille est importante —, utilisez l'outil de compression d'images. Et lorsque l'objectif est de masquer des informations plutôt que de les supprimer du cadre, le fait de flouter ou de pixelliser la zone sensible à l'aide d'un outil de censure permet de préserver le reste de l'image.
→ Redimensionneur d'images · Compresseur d'images · Outil de floutage photo
Foire aux questions
Mon image est-elle mise en ligne sur un serveur ?
Non. Le fichier est ouvert directement par votre navigateur et traité à l'aide de l'API Canvas sur votre propre appareil. Aucune donnée n'est transmise, stockée ou enregistrée — vous pouvez le vérifier en chargeant la page, en vous déconnectant d'Internet et en procédant quand même au recadrage. Cet outil est donc sûr pour les cartes d'identité, les contrats et autres images sensibles.
Quel format d'image dois-je utiliser ?
Le format 1:1 (carré) convient à la plupart des photos de profil et des publications sur Instagram. Le format 4:3 correspond aux formats classiques de photos et de présentations. Le format 16:9 est la norme pour les vignettes YouTube, les jaquettes de vidéos et les écrans larges. Le format 9:16 est destiné au contenu vertical : Stories, Reels, TikTok et fonds d'écran de téléphone. Lorsqu’aucune plateforme n’impose de format particulier, le mode libre vous permet de recadrer votre image en un rectangle de votre choix.
Dois-je télécharger le fichier au format PNG ou JPG ?
Le format PNG est sans perte et préserve la transparence, ce qui en fait le choix idéal pour les captures d'écran, les graphiques, les logos et tout élément contenant du texte. Le format JPG compresse les contenus photographiques en fichiers beaucoup plus légers, avec une perte de qualité à peine perceptible, ce qui en fait le choix idéal pour les photos que vous comptez partager ou mettre en ligne. En cas de doute : texte ou transparence → PNG, photographie → JPG.
Le recadrage réduit-il la qualité de l'image ?
Le recadrage en lui-même n'entraîne aucune perte : il copie les pixels sélectionnés tels quels, de sorte que la zone recadrée est identique à l'originale au niveau des pixels. Le seul choix ayant une incidence sur la qualité concerne le format d'exportation : le format PNG conserve tout à l'identique, tandis que le format JPG applique une compression photographique. L'outil ne redimensionne jamais votre image ; vous ne perdez donc aucune netteté due au rééchantillonnage.
Puis-je recadrer l'image à des dimensions précises au pixel près ?
La taille de la sélection s'affiche en temps réel en pixels pendant que vous faites glisser les poignées ; vous pouvez ainsi ajuster celles-ci jusqu'à obtenir la taille souhaitée. Si vous avez besoin d'une taille cible précise, par exemple 512×512, quel que soit le cadrage d'origine, recadrez ici selon la forme souhaitée (1:1 dans ce cas), puis redimensionnez le résultat à l'aide de l'outil Image Resizer.