Image Cropper

Image Cropper

Glissez pour recadrer, alignez sur des rapports d'aspect standard (1:1, 4:5, 16:9, 9:16, …), faites pivoter et retournez, exportez en PNG / JPG / WebP. Tout dans votre navigateur — sans upload, sans inscription.

Publication carrée Instagram : 1:1. Publication portrait Instagram : 4:5. Stories Instagram / Facebook / TikTok / YouTube : 9:16. Miniature de vidéo YouTube : 16:9 (1280×720 minimum). Image de publication X (Twitter) : 16:9 ou 1:1. Publication LinkedIn : 1.91:1 (proche de 16:9). Photo DSLR / appareil photo de téléphone : 3:2. 35 mm classique ou ancien numérique : 4:3.

Oui. Le canvas affiché à l'écran est mis à l'échelle pour l'affichage, mais le calcul de recadrage s'exécute dans l'espace de coordonnées source (pixels d'origine). Quand vous cliquez sur Télécharger, le canvas d'export est dimensionné exactement aux dimensions en pixels recadrées de la source — sans perte de qualité due à la mise à l'échelle d'écran. Une source 4000×3000 recadrée en carré 1000×1000 s'exporte en image 1000×1000 à pleine qualité.

Déposez une image ici, collez depuis le presse-papiers, ou

Conçu pour les vrais flux de travail

Toutes les dimensions dont vous aurez vraiment besoin, toutes les transformations que vous utiliserez vraiment — sans Photoshop.

Recadrage par glisser avec 8 poignées

Glissez l'une des 8 poignées de coin / bord pour redimensionner la zone de recadrage, ou glissez la zone elle-même pour la repositionner. Une grille de règle des tiers facilite la composition.

Préréglages de rapport d'aspect

Alignez sur 1:1 (carré / IG / profil), 4:5 (IG portrait), 9:16 (Stories / Reels / TikTok), 16:9 (YouTube), 3:2 / 2:3 (DSLR), 4:3 (classique), ou format libre. Les poignées de coin préservent le rapport verrouillé pendant le redimensionnement.

Rotation + retournement

Pivotez de 90° à gauche / droite et retournez horizontalement / verticalement en un clic. Les transformations s'appliquent avant le recadrage, donc la zone que vous avez tracée reste précise.

Conversion de format à l'export

Enregistrez en PNG (sans perte), JPG (avec curseur de qualité 50–100%), WebP (meilleure compression, ~30% plus petit que JPG à qualité visuelle équivalente), ou conservez le format d'entrée.

Confidentialité par conception

Chaque octet reste sur votre appareil. L'image est décodée dans le navigateur, recadrée sur un canvas, exportée avec canvas.toBlob. Ouvrez DevTools → Network et vous verrez zéro requête sortante.

Petit + rapide

JavaScript pur, sans runtime de framework. Le chargement à froid est inférieur à 25 Ko gzippé. Recadrer une image de 4000 × 3000 pixels et l'exporter prend moins de 200 ms.

Comment recadrer une image

Quatre étapes du dépôt au téléchargement.

  1. 1

    Charger l'image

    Glissez n'importe quel fichier image (JPG, PNG, WebP, AVIF, GIF, BMP) sur la zone de dépôt, cliquez sur Choisir un fichier, ou collez simplement depuis votre presse-papiers avec Ctrl/Cmd+V. L'image est décodée localement dans votre navigateur — rien n'est téléversé.

  2. 2

    Choisir un rapport d'aspect (ou rester libre)

    Choisissez un préréglage qui correspond à l'usage prévu — 1:1 pour le carré Instagram, 4:5 pour IG portrait, 9:16 pour Stories / Reels / TikTok, 16:9 pour YouTube, 3:2 pour une photo au format DSLR. Ou restez sur « Libre » pour tout rapport personnalisé.

  3. 3

    Glisser pour affiner

    Glissez les 8 poignées de coin / bord pour redimensionner la zone de recadrage, ou glissez la zone elle-même pour la repositionner. La grille de règle des tiers vous aide à composer. Avec un rapport d'aspect verrouillé, les poignées de coin préservent automatiquement le rapport. Utilisez Pivoter / Retourner si la source est à l'envers ou en miroir.

  4. 4

    Exporter

    Choisissez le format de sortie — conservez le format d'entrée, ou convertissez en PNG (sans perte), JPG (curseur de qualité 50–100%), ou WebP (plus petit que JPG à qualité visuelle équivalente). Cliquez sur Télécharger et le fichier est enregistré à pleine résolution source — sans perte de qualité due à l'aperçu à l'écran.

Conçu pour les designers, gestionnaires de réseaux sociaux et parents avec des photos de téléphone

Quatre scénarios courants où un recadreur de navigateur axé sur la confidentialité bat l'ouverture de Photoshop.

Dimensionnement de publication sur les réseaux sociaux

Vous avez une photo horizontale de téléphone et vous avez besoin d'une publication Instagram 1:1 ? Alignez sur 1:1, glissez pour centrer le sujet, téléchargez. Les préréglages portrait 4:5, Stories 9:16, et YouTube 16:9 couvrent le reste.

Recadrage de photo de profil

La plupart des plateformes imposent le 1:1. Alignez sur carré, positionnez le visage du sujet dans le tiers supérieur (mieux que le centre exact), téléchargez. Le résultat convient à LinkedIn, Twitter / X, GitHub, Slack, Discord, et aux intranets d'entreprise.

Nettoyage de photo de produit

Les plateformes e-commerce veulent des rapports cohérents — Shopify, Etsy, Amazon, Shopee préfèrent tous 1:1 ou 4:5. Recadrez un lot de photos de téléphone au rapport requis par la plateforme avec la grille de règle des tiers pour la cohérence de composition.

Rognage de captures d'écran de téléphone

Les captures d'écran de téléphone incluent les barres d'état, le chrome de navigation et le débordement des applications. Déposez la capture, glissez la zone de recadrage pour ne garder que le contenu, téléchargez en PNG (sans perte) pour des captures d'écran d'interface nettes sans artefacts de recompression.

100% privé — fonctionne dans votre navigateur

Photos et captures d'écran ne quittent jamais votre appareil. Ouvrez DevTools → Network et vous verrez zéro requête sortante pendant le recadrage, la transformation ou le téléchargement.

  • Le décodage d'image, le rendu canvas, la rotation / retournement, et l'encodage PNG / JPG / WebP s'exécutent tous en JavaScript sur votre machine.
  • Les métadonnées EXIF sont supprimées au ré-encodage (une fonctionnalité de confidentialité aussi — la position GPS de votre photo ne survit pas à l'export).
  • Pas de connexion, pas de télémétrie sur le contenu d'image, pas d'API d'image tierce. Nous utilisons uniquement un cookie pour l'état de consentement aux cookies et un pour la préférence de langue.

Guides associés

Lectures sélectionnées sur les tailles des réseaux sociaux, la composition photo et la confidentialité des images.

Questions fréquentes

Quel rapport d'aspect dois-je utiliser pour [plateforme] ?

Publication carrée Instagram : 1:1. Publication portrait Instagram : 4:5. Stories Instagram / Facebook / TikTok / YouTube : 9:16. Miniature de vidéo YouTube : 16:9 (1280×720 minimum). Image de publication X (Twitter) : 16:9 ou 1:1. Publication LinkedIn : 1.91:1 (proche de 16:9). Photo DSLR / appareil photo de téléphone : 3:2. 35 mm classique ou ancien numérique : 4:3.

La sortie a-t-elle la même résolution que la source ?

Oui. Le canvas affiché à l'écran est mis à l'échelle pour l'affichage, mais le calcul de recadrage s'exécute dans l'espace de coordonnées source (pixels d'origine). Quand vous cliquez sur Télécharger, le canvas d'export est dimensionné exactement aux dimensions en pixels recadrées de la source — sans perte de qualité due à la mise à l'échelle d'écran. Une source 4000×3000 recadrée en carré 1000×1000 s'exporte en image 1000×1000 à pleine qualité.

Pourquoi mes photos de téléphone apparaissent-elles parfois de côté ?

Les caméras de téléphone intègrent une balise d'orientation EXIF plutôt que de faire pivoter les pixels réels. Certains navigateurs (y compris les anciens Safari) l'appliquent automatiquement; d'autres non. Si votre image semble de côté, cliquez sur le bouton Pivoter — le recadreur utilisera la version correctement orientée pour le recadrage et l'export.

Recadrer un JPG le ré-encode-t-il et perd-il en qualité ?

Oui. JPG est un format à perte, donc tout enregistrement via canvas.toBlob('image/jpeg') implique un ré-encodage. Nous utilisons par défaut une qualité de 92% (visuellement indiscernable de la source pour la plupart des photos). Si vous avez besoin d'une fidélité parfaite bit pour bit, choisissez PNG comme format de sortie (sans perte), ou WebP pour des fichiers ~30% plus petits à qualité visuelle équivalente.

Quelque chose est-il envoyé à votre serveur ?

Non. Le fichier est lu avec FileReader, décodé dans une Image du navigateur, dessiné sur un canvas, et exporté avec canvas.toBlob. Chaque étape se déroule en JavaScript sur votre appareil. Ouvrez DevTools → Network et vous verrez zéro requête sortante pendant le recadrage ou le téléchargement. Nous utilisons un cookie pour l'état de consentement aux cookies et un pour la préférence de langue, c'est tout.