Image & Photo

Recadreur d'image

Déposez une photo et recadrez-la avec l'un des douze préréglages d'aspect — carré Instagram, story 9:16, miniature YouTube 16:9, couverture Facebook — ou libre. Faites glisser le rectangle, redimensionnez depuis n'importe quel coin, puis exportez à la résolution source complète en JPG, PNG ou WebP.

Drop or click to upload an imageJPG, PNG, WebP, GIF, BMP, AVIF — up to 25 MB

Cropping happens in your browser. The image is decoded, masked, and re-encoded locally — nothing is uploaded.

Drag the crop rectangle to reposition it. Drag any corner to resize. The rule-of-thirds grid helps with composition.

Qu'est-ce qu'un recadreur d'image ?

Un recadreur d'image réduit une photo à un rectangle cible — utile pour adapter une image à un rapport d'aspect spécifique, supprimer l'espace mort sur les bords ou concentrer la composition sur un sujet. La partie délicate pour la plupart des gens n'est pas de choisir quoi recadrer, mais d'obtenir les dimensions correctes : Instagram veut un carré 1:1 ou un portrait 4:5, les Stories et Reels veulent 9:16, les vignettes YouTube veulent 16:9, les cartes Twitter veulent 16:9, les photos de couverture Facebook veulent 820×312, et un recadrage libre veut ce que votre œil éditorial dit. Ce recadreur regroupe les préréglages de rapport d'aspect courants afin que vous n'ayez pas à vous souvenir des chiffres, et exporte à la pleine résolution source afin que la sortie ne soit pas plus douce que l'entrée.

Comment recadrer une image

1
Téléchargez votre image
Déposez un fichier JPG, PNG, WebP, GIF, BMP ou AVIF dans la zone de téléchargement, ou cliquez pour choisir depuis votre appareil. L'image s'affiche ci-dessous avec un rectangle de recadrage par défaut couvrant 80 % du cadre, centré.
2
Choisissez un rapport d'aspect
Cliquez sur n'importe quel chip de préréglage — Libre pour sans contrainte, 1:1 pour carré, 9:16 pour les stories, 16:9 pour les vignettes, 4:5 pour le portrait Instagram, ou des préréglages spécifiques à la plateforme comme IG Post, IG Story, YouTube, Twitter et FB Cover. Le rectangle de recadrage s'ajuste au nouveau ratio.
3
Faites glisser et redimensionnez le recadrage
Faites glisser le rectangle pour le déplacer, ou attrapez l'une des quatre poignées de coin pour redimensionner. Lorsqu'un préréglage d'aspect est actif, le rectangle reste verrouillé à ce ratio pendant que vous redimensionnez. La grille de la règle des tiers aide à la composition.
4
Choisissez un format de sortie et une qualité
Choisissez JPG (plus petit, avec perte, meilleur pour les photos), PNG (sans perte, meilleur pour les graphiques avec des bords nets), ou WebP (plus petit que JPG à la même qualité). Pour JPG et WebP, faites glisser le curseur de qualité ; PNG est toujours sans perte.
5
Téléchargez le recadrage
Cliquez sur Télécharger le recadrage. Le navigateur dessine la région recadrée à partir de l'image à résolution originale sur une nouvelle toile aux dimensions exactes du recadrage, l'encode et déclenche un téléchargement avec les dimensions dans le nom du fichier.

Comment fonctionne le recadrage dans le navigateur

1. Décodez le fichier source avec new Image() — le navigateur gère nativement JPG/PNG/WebP/GIF/BMP/AVIF.
2. Rendu de la source via <img> avec object-fit: contain à l'intérieur d'un conteneur verrouillé par aspect.
3. Le rectangle de recadrage est stocké en pixels de résolution source (x, y, w, h), pas en pixels d'aperçu.
4. Lors du glissement/redimensionnement, les deltas de pointeur sont mis à l'échelle par source.width / preview.width pour mapper l'aperçu → source.
5. Lors de l'exportation, dessinez sur une nouvelle toile : ctx.drawImage(img, x, y, w, h, 0, 0, w, h).
6. Encodez via canvas.toBlob(format, quality) et déclenchez un téléchargement.

Stocker le recadrage dans des coordonnées de résolution source (plutôt que dans des coordonnées d'aperçu) est le détail clé — cela signifie que la sortie est exactement aussi nette que le fichier original dans la région recadrée, sans rééchantillonnage. L'aperçu peut se mettre à l'échelle librement avec la largeur de la page, le rectangle de recadrage se met à l'échelle visuellement avec lui, mais les chiffres sous-jacents sont toujours dans l'espace source. La forme à 9 arguments de drawImage nous permet de tirer un rectangle source spécifique sur une toile de destination des mêmes dimensions, ce qui produit une copie pixel à pixel de la région recadrée.

Référence : MDN — CanvasRenderingContext2D.drawImage

Travaux de recadrage courants

Objectif	Préréglage recommandé
Publication carrée Instagram à partir d'une photo paysage	Choisissez IG Post (1:1). Faites glisser le rectangle pour garder votre sujet dans la zone de sécurité — l'interface d'Instagram superpose des parties des coins. 1:1 semble serré sur la plupart des photos paysage — envisagez 4:5 pour un recadrage portrait plus généreux en composition.
Story ou Reel vertical à partir d'une image fixe vidéo paysage	Choisissez IG Story (9:16). Redimensionnez le recadrage pour vous concentrer sur le sujet — les compositions verticales doivent généralement perdre les côtés. 9:16 est également pour Reels, TikTok, YouTube Shorts et Snapchat.
Vignette YouTube 16:9 à 1280×720	Choisissez YouTube (16:9). Faites glisser un recadrage serré autour du sujet et téléchargez en tant que JPG à 90+ de qualité. Si la source est plus petite que 1280×720, le recadrage ne sera pas agrandi — utilisez une source de plus haute résolution pour les vignettes.
Publication Twitter ou image de partage LinkedIn	Choisissez Twitter (16:9). Composez avec des marges sécurisées pour le texte ; les deux plateformes peuvent recadrer légèrement sur différentes surfaces. 16:9 fonctionne également pour la plupart des images héroïques de blogs de bureau.
Profil / avatar à partir d'une prise de vue plus large	Choisissez 1:1, faites glisser un recadrage serré centré sur le visage. Exportez en tant que PNG si l'avatar doit superposer une interface utilisateur transparente. La plupart des plateformes recadrent encore les avatars en cercle — gardez votre sujet éloigné des coins.
Photo de couverture de page Facebook	Choisissez FB Cover (ratio 820×312). Faites attention à la superposition d'informations de page en bas à gauche et à la superposition de photo de profil en bas à droite. Facebook redessine les photos de couverture pour mobile — gardez le point focal centré.
Imprimer une photo 4×6 à partir d'un fichier numérique plus grand	Choisissez 3:2. Composez, puis exportez en PNG ou JPG de haute qualité et envoyez à un imprimeur. 3:2 est également natif de l'appareil photo 35 mm — le paysage et le portrait fonctionnent tous les deux.

Quand utiliser un recadrage avec des préréglages d'aspect

Redimensionner une seule photo pour s'adapter aux mises en page d'Instagram, Story, YouTube, Twitter ou Facebook sans quitter le navigateur.
Recadrer une photo paysage en portrait pour un fond d'écran de téléphone ou une section héro verticale.
Couper l'espace mort d'une capture d'écran avant de la coller dans un document ou un suivi de problèmes.
Générer un avatar carré à partir d'une photo portrait plus large — choisissez 1:1, faites glisser pour un recadrage serré de la tête.
Créer une image de bannière à un rapport d'aspect personnalisé (16:9 pour un héros de blog, 3:1 pour une bannière Twitter).
Recadrer une photo prête à imprimer 3:2 ou 4:3 à partir d'une photo de téléphone avant de l'envoyer à un laboratoire photo.
Couper une miniature pour un fichier vidéo à un rapport d'aspect spécifique sans ouvrir Photoshop.

Outils connexes

Outil de Suppression d'Arrière-plan

Découpez le sujet de n'importe quelle photo avec l'IA sur appareil — aucun téléchargement requis.

Compresseur d'Image

Réduisez les fichiers JPG, PNG ou WebP dans votre navigateur avec un curseur de qualité interactif.

Éditeur de Photo

Ajustez, filtrez, faites pivoter et recadrez des photos dans le navigateur — pas de téléchargements, pas de filigrane.

Créateur de Mèmes

Composez des mèmes et des collages d'écran avec de vraies couches — collez, faites glisser, recadrez, légendez, exportez.

Questions fréquemment posées

Le recadrage réduit-il la taille de mon image ?

Non. Le canevas d'exportation est dimensionné exactement aux dimensions de résolution source du rectangle de recadrage, et drawImage copie la région recadrée 1:1 sans rééchantillonnage. L'encodage JPG et WebP applique une compression avec perte, mais les dimensions des pixels restent inchangées. PNG est entièrement sans perte.

Pourquoi le rectangle s'enclenche-t-il lorsque je change de rapport d'aspect ?

Chaque préréglage d'aspect verrouille le rapport largeur/hauteur du rectangle. Changer de préréglage ajuste le rectangle existant au nouveau rapport tout en le gardant centré sur la même zone. Choisissez Libre si vous souhaitez que le rectangle précédent soit préservé exactement.

Puis-je recadrer à une dimension de pixel spécifique (par exemple, exactement 1080×1080) ?

Choisissez le préréglage d'aspect correspondant (1:1 pour 1080×1080) et faites glisser le coin jusqu'à ce que l'affichage de la taille montre la cible. Les statistiques X/Y/Width/Height se mettent à jour en direct pendant que vous faites glisser, vous pouvez donc atteindre des chiffres exacts. Le nom de fichier de sortie inclut les dimensions finales pour vérification.

Pourquoi mon préréglage de couverture Facebook est-il 820×312 au lieu de 1640×624 ?

Le préréglage est un rapport, pas une taille de pixel fixe — il accepte tout rectangle avec cet aspect. Faites glisser le coin jusqu'à ce que votre largeur atteigne la dimension souhaitée ; 1640×624 (la taille recommandée pour les écrans rétina de Facebook) et 820×312 (la taille héritée) partagent le même rapport, donc les deux s'adaptent au préréglage.

Mes images sont-elles téléchargées ?

Non. Le décodage, le recadrage et le réencodage se font tous dans votre navigateur. Les octets de l'image ne quittent jamais la page. Vous pouvez vérifier dans l'onglet réseau — aucune requête n'est envoyée lorsque vous téléchargez, faites glisser ou téléchargez.

Pourquoi mon recadrage ne s'agrandit-il pas à une taille plus grande ?

Le recadrage réduit par définition une image — il n'y a pas d'étape de rééchantillonnage qui l'agrandirait. Si vous avez besoin d'une sortie plus grande que ce que le rectangle de recadrage peut produire, commencez avec une source de plus haute résolution. Les navigateurs peuvent techniquement agrandir via la taille de destination de drawImage, mais cela produit un résultat flou ; cet outil reste à la résolution source.

Quelle est la différence entre recadrer et redimensionner ?

Le recadrage coupe des pixels sur les bords de l'image — ce qui reste est inchangé en résolution. Le redimensionnement conserve l'image entière mais change ses dimensions en pixels (généralement en réduisant). Pour une sortie prête pour Instagram, vous souhaitez généralement les deux : recadrer d'abord au bon aspect, puis si nécessaire compresser à une taille de fichier plus petite avec le Compresseur d'Image.

Dernière mise à jour : 2026-04-29

Recadreur d'image

Qu'est-ce qu'un recadreur d'image ?

Comment recadrer une image

Téléchargez votre image

Déposez un fichier JPG, PNG, WebP, GIF, BMP ou AVIF dans la zone de téléchargement, ou cliquez pour choisir depuis votre appareil. L'image s'affiche ci-dessous avec un rectangle de recadrage par défaut couvrant 80 % du cadre, centré.

Choisissez un rapport d'aspect

Cliquez sur n'importe quel chip de préréglage — Libre pour sans contrainte, 1:1 pour carré, 9:16 pour les stories, 16:9 pour les vignettes, 4:5 pour le portrait Instagram, ou des préréglages spécifiques à la plateforme comme IG Post, IG Story, YouTube, Twitter et FB Cover. Le rectangle de recadrage s'ajuste au nouveau ratio.

Faites glisser et redimensionnez le recadrage

Faites glisser le rectangle pour le déplacer, ou attrapez l'une des quatre poignées de coin pour redimensionner. Lorsqu'un préréglage d'aspect est actif, le rectangle reste verrouillé à ce ratio pendant que vous redimensionnez. La grille de la règle des tiers aide à la composition.

Choisissez un format de sortie et une qualité

Choisissez JPG (plus petit, avec perte, meilleur pour les photos), PNG (sans perte, meilleur pour les graphiques avec des bords nets), ou WebP (plus petit que JPG à la même qualité). Pour JPG et WebP, faites glisser le curseur de qualité ; PNG est toujours sans perte.

Téléchargez le recadrage

Cliquez sur Télécharger le recadrage. Le navigateur dessine la région recadrée à partir de l'image à résolution originale sur une nouvelle toile aux dimensions exactes du recadrage, l'encode et déclenche un téléchargement avec les dimensions dans le nom du fichier.

Comment fonctionne le recadrage dans le navigateur

1. Décodez le fichier source avec new Image() — le navigateur gère nativement JPG/PNG/WebP/GIF/BMP/AVIF.
2. Rendu de la source via <img> avec object-fit: contain à l'intérieur d'un conteneur verrouillé par aspect.
3. Le rectangle de recadrage est stocké en pixels de résolution source (x, y, w, h), pas en pixels d'aperçu.
4. Lors du glissement/redimensionnement, les deltas de pointeur sont mis à l'échelle par source.width / preview.width pour mapper l'aperçu → source.
5. Lors de l'exportation, dessinez sur une nouvelle toile : ctx.drawImage(img, x, y, w, h, 0, 0, w, h).
6. Encodez via canvas.toBlob(format, quality) et déclenchez un téléchargement.

Travaux de recadrage courants

Objectif	Préréglage recommandé
Publication carrée Instagram à partir d'une photo paysage	Choisissez IG Post (1:1). Faites glisser le rectangle pour garder votre sujet dans la zone de sécurité — l'interface d'Instagram superpose des parties des coins. 1:1 semble serré sur la plupart des photos paysage — envisagez 4:5 pour un recadrage portrait plus généreux en composition.
Story ou Reel vertical à partir d'une image fixe vidéo paysage	Choisissez IG Story (9:16). Redimensionnez le recadrage pour vous concentrer sur le sujet — les compositions verticales doivent généralement perdre les côtés. 9:16 est également pour Reels, TikTok, YouTube Shorts et Snapchat.
Vignette YouTube 16:9 à 1280×720	Choisissez YouTube (16:9). Faites glisser un recadrage serré autour du sujet et téléchargez en tant que JPG à 90+ de qualité. Si la source est plus petite que 1280×720, le recadrage ne sera pas agrandi — utilisez une source de plus haute résolution pour les vignettes.
Publication Twitter ou image de partage LinkedIn	Choisissez Twitter (16:9). Composez avec des marges sécurisées pour le texte ; les deux plateformes peuvent recadrer légèrement sur différentes surfaces. 16:9 fonctionne également pour la plupart des images héroïques de blogs de bureau.
Profil / avatar à partir d'une prise de vue plus large	Choisissez 1:1, faites glisser un recadrage serré centré sur le visage. Exportez en tant que PNG si l'avatar doit superposer une interface utilisateur transparente. La plupart des plateformes recadrent encore les avatars en cercle — gardez votre sujet éloigné des coins.
Photo de couverture de page Facebook	Choisissez FB Cover (ratio 820×312). Faites attention à la superposition d'informations de page en bas à gauche et à la superposition de photo de profil en bas à droite. Facebook redessine les photos de couverture pour mobile — gardez le point focal centré.
Imprimer une photo 4×6 à partir d'un fichier numérique plus grand	Choisissez 3:2. Composez, puis exportez en PNG ou JPG de haute qualité et envoyez à un imprimeur. 3:2 est également natif de l'appareil photo 35 mm — le paysage et le portrait fonctionnent tous les deux.

Quand utiliser un recadrage avec des préréglages d'aspect

Redimensionner une seule photo pour s'adapter aux mises en page d'Instagram, Story, YouTube, Twitter ou Facebook sans quitter le navigateur.

Recadrer une photo paysage en portrait pour un fond d'écran de téléphone ou une section héro verticale.

Couper l'espace mort d'une capture d'écran avant de la coller dans un document ou un suivi de problèmes.

Générer un avatar carré à partir d'une photo portrait plus large — choisissez 1:1, faites glisser pour un recadrage serré de la tête.

Créer une image de bannière à un rapport d'aspect personnalisé (16:9 pour un héros de blog, 3:1 pour une bannière Twitter).

Recadrer une photo prête à imprimer 3:2 ou 4:3 à partir d'une photo de téléphone avant de l'envoyer à un laboratoire photo.

Couper une miniature pour un fichier vidéo à un rapport d'aspect spécifique sans ouvrir Photoshop.