Recadrer

Recadrer en cercle Recadrer une image

Optimiser

Compresser une image Agrandisseur d'image IA Supprimer l'arrière-plan

Modifier

Redimensionner

Convertir

Autres

Image en PDF

Rogner une photo en cercle en ligne

Déposez un JPG, PNG, WebP ou AVIF et téléchargez un cercle transparent en quelques secondes.

ou déposez l'image ici

À propos de cet outil

Rognez n'importe quelle photo en cercle parfait directement dans votre navigateur. Déposez un JPG, PNG, WebP ou AVIF sur la page et Cropper.js ouvre l'image dans une zone de recadrage circulaire. Faites glisser les poignées pour centrer votre sujet, ajustez la taille du cercle, puis cliquez sur Enregistrer. Le navigateur encode le résultat en PNG transparent, WebP ou AVIF, ou en JPEG avec une couleur de fond au choix, et le télécharge directement sur votre appareil. L'onglet Réseau de DevTools ne montre aucune requête sortante portant les données de l'image pendant tout le processus. Les fichiers jusqu'à 25 Mo et 16 mégapixels sont acceptés. L'outil fonctionne sur ordinateur et sur mobile sans aucune installation. La plupart des utilisateurs s'en servent pour adapter un portrait ou un logo aux emplacements d'avatars circulaires de LinkedIn, Discord, Slack et Instagram.

Open the circle crop tool
Comment rogner une image en cercle

Comment rogner une image en cercle

Déposez un JPG, PNG, WebP ou AVIF sur la page et Cropper.js v2 charge l'image dans une zone de recadrage circulaire. Un calque sombre indique la partie qui sera retirée, et le cercle clair au centre représente ce qui reste. Faites glisser le cercle pour centrer votre sujet, ajustez sa taille avec les poignées d'angle, ou pincez sur écran tactile. Quand le cadrage vous convient, choisissez un format et cliquez sur Enregistrer. Le navigateur encode le fichier localement et déclenche un téléchargement. Ouvrez l'onglet Réseau de DevTools pendant le recadrage et observez-le rester vide. Aucune requête POST ne part pendant l'import, le glissement ou l'enregistrement.

Pick a format and crop
Choisir votre format de sortie

Choisir votre format de sortie

Quatre formats sont proposés dans le menu de téléchargement. PNG garde la zone extérieure au cercle entièrement transparente et reste le choix sûr pour les avatars et les logos. WebP prend également en charge la transparence, avec des fichiers 25 à 40 pour cent plus légers que PNG. AVIF est le plus compact des trois formats transparents, souvent moitié moins lourd que WebP, mais l'encodeur @jsquash/avif prend environ 3 secondes sur ordinateur et jusqu'à 30 secondes sur un téléphone milieu de gamme. JPEG produit un cercle plat sur une couleur de fond au choix. Il ne dispose pas de canal alpha, donc la transparence est remplacée par la couleur de remplissage. Prenez PNG pour la fiabilité, WebP pour la taille, AVIF quand la bande passante compte, JPEG uniquement quand la plateforme cible refuse la transparence.

Crop for any social platform
Photos rondes pour chaque plateforme

Photos rondes pour chaque plateforme

La plupart des plateformes sociales rendent les avatars à l'intérieur d'un masque circulaire, donc pré-rogner vous donne le contrôle sur ce qui apparaît dans le cadre. LinkedIn affiche la photo de profil à 400 par 400 pixels sur la page de profil et à environ 48 pixels dans le fil. Discord rend l'avatar utilisateur à 128 par 128 dans les listes de membres et 32 par 32 dans le chat. Instagram affiche la photo de profil circulaire à environ 110 pixels sur mobile, 32 pixels dans les miniatures du fil. Slack utilise 36 pixels dans la liste des canaux. L'outil exporte à la résolution d'origine, donc redimensionnez d'abord via /resize/ si vous avez besoin d'une taille en pixels précise. Vous évitez ainsi tout artefact d'agrandissement.

Try it inside the limits
Ce que cet outil ne fait pas

Ce que cet outil ne fait pas

Les fichiers de plus de 25 Mo ou supérieurs à 16 mégapixels sont rejetés avec un message d'erreur clair. La vérification porte sur les octets magiques et les dimensions du header, avant décodage, donc un cliché de 50 mégapixels issu d'un reflex ne plante jamais un navigateur mobile. Les fichiers HEIC ne se décodent que sur Safari 17 ou plus récent, qui expose createImageBitmap pour le format nativement. Chrome, Firefox et Edge retournent une erreur de décodage et l'outil suggère de convertir en JPG d'abord. Les GIF animés n'exportent que la première image. L'encodage AVIF est lent sur mobile, autour de 30 secondes pour une entrée de 8 mégapixels. Le placement du cercle reste toujours manuel. Il n'y a pas de détection IA automatique des visages ou des sujets.

Crop in your browser now
Comment votre image reste sur votre appareil

Comment votre image reste sur votre appareil

Cropper.js dessine le masque dans l'API Canvas du navigateur. L'encodage s'exécute aussi localement, via canvas.toBlob pour PNG, WebP et JPEG, ou via le module WASM @jsquash/avif pour AVIF. Le fichier téléchargé provient d'une URL blob créée avec URL.createObjectURL, qui pointe vers la mémoire que le navigateur conserve pour votre onglet. Ouvrez DevTools, passez à l'onglet Réseau, videz-le, puis importez une image et recadrez. Aucune nouvelle requête POST ou PUT portant les données de l'image n'apparaît. Quand vous cliquez sur Enregistrer, une courte requête blob: clignote dans le panneau. C'est la résolution locale du blob, pas un envoi. Le comportement est identique dans Chrome, Firefox, Safari et Edge.

Make your round profile picture
Photo de profil ronde pour chaque réseau social

Photo de profil ronde pour chaque réseau social

Une photo de profil compte parce que c'est la première chose que les autres voient. La plupart des plateformes rendent les avatars dans un cercle, donc le carré que vous téléversez est rogné sur les bords. Faire le recadrage vous-même contrôle ce qui reste à l'intérieur du cercle et ce qui disparaît. Le même principe s'applique aux logos ronds pour une marque, aux badges photo d'équipe dans un annuaire, aux icônes de serveur Discord et aux illustrations d'autocollants. Un détail utile : un portrait se lit mieux avec un peu de marge autour de la tête plutôt qu'un cadrage serré contre la racine des cheveux. Centrez les yeux légèrement au-dessus du milieu du cercle et le résultat reste équilibré à toutes les tailles de rendu.

Comment recadrer une photo en cercle

  1. Déposez votre image sur la page

    Cliquez sur la zone de dépôt ou faites glisser un fichier JPG, PNG, WebP, AVIF ou GIF directement dessus. La zone de recadrage circulaire s'ouvre automatiquement.

  2. Positionnez le cercle sur votre sujet

    Faites glisser le cercle pour centrer votre visage ou votre logo. Pincez ou faites défiler pour ajuster la taille jusqu'à obtenir le cadrage voulu.

  3. Choisissez un format de sortie

    Sélectionnez PNG ou WebP pour un cercle transparent, AVIF pour le fichier le plus léger, ou JPEG si vous avez besoin d'un fond uni.

  4. Cliquez sur Enregistrer et téléchargez votre fichier

    Le navigateur encode le résultat localement et le télécharge sur votre appareil. Le nom de fichier conserve le nom d'origine avec -circle ajouté.

Besoin d'un rectangle, pas d'un cercle ?

Cet outil propose une seule forme, le cercle. Pour des rectangles à ratio libre, utilisez crop image. Pour le feed Instagram (1080 par 1080), utilisez recadrage carré ou l'un des outils de recadrage par plateforme.

Recadrer en rectangle Hub de recadrages

Questions fréquentes

Comment recadrer une photo en rond en ligne ?

Déposez votre image sur la zone de recadrage. L'outil accepte JPG, PNG, WebP, AVIF, GIF et BMP. Cropper.js l'ouvre avec une sélection circulaire déjà centrée sur l'image. Faites glisser le cercle pour cadrer votre sujet, ajustez la taille avec les poignées d'angle ou un geste de pincement, puis cliquez sur Enregistrer. Le navigateur encode et télécharge un PNG transparent par défaut. L'ensemble de l'opération prend moins de 30 secondes pour une photo standard.

Puis-je rogner une photo en rond sur mon iPhone ?

Oui. L'outil fonctionne dans n'importe quel navigateur moderne sur iPhone et iPad. Les poignées de recadrage répondent aux gestes tactiles et de pincement. La principale limite sur mobile est le temps d'encodage AVIF : une photo haute résolution peut prendre 30 secondes ou plus, car l'encodeur WASM s'exécute sur le processeur. PNG et WebP sont bien plus rapides et fonctionnent correctement sur les appareils milieu de gamme.

Puis-je obtenir une image recadrée en cercle avec un fond transparent ?

Oui. PNG, WebP et AVIF prennent tous en charge un canal alpha, de sorte que la zone extérieure au cercle est entièrement transparente. Lorsque vous ouvrez le fichier téléchargé dans la plupart des outils de conception ou des applications de messagerie, l'arrière-plan apparaît comme un damier, ce qui indique la transparence. JPEG ne prend pas en charge la transparence. Choisir JPEG vous invite à sélectionner une couleur de remplissage pour la zone extérieure.

Quels formats de fichiers sont pris en charge ?

En entrée, l'outil accepte JPG, PNG, WebP, AVIF, GIF (première image uniquement, l'animation n'est pas conservée), BMP et SVG. HEIC fonctionne sur Safari car Safari le gère nativement via createImageBitmap. Sur Chrome, Firefox et Edge, les fichiers HEIC sont rejetés avec un message d'erreur clair. La vérification s'effectue par lecture des octets magiques du fichier, pas par l'extension, donc un fichier renommé est toujours identifié correctement.

Pourquoi recadrer des images en cercle ?

La plupart des réseaux sociaux affichent les photos de profil, les avatars et les icônes de serveur dans un cadre circulaire. Téléverser une photo carrée et laisser la plateforme la rogner automatiquement coupe souvent le visage ou laisse de l'espace vide dans le cadre. Recadrer vous-même en cercle vous permet de contrôler exactement ce qui apparaît dans le cercle avant le téléversement. Cela s'applique aussi aux logos ronds, aux badges photo d'équipe et aux visuels de marque.

Mon image est-elle téléchargée sur un serveur ?

Non. Le recadrage s'effectue entièrement dans votre navigateur via l'API Canvas. Ouvrez DevTools (F12 ou clic droit puis Inspecter), allez dans l'onglet Réseau, effacez l'historique, puis déposez une image et faites glisser les poignées. Aucune nouvelle requête POST ou PUT portant les données de l'image n'apparaît pendant le recadrage. Après avoir cliqué sur Enregistrer, une URL blob locale est résolue brièvement dans l'onglet, il s'agit du navigateur résolvant le blob localement, pas d'un envoi vers un serveur.

Les détails

Notes de l'équipe sur l'artisanat, les formats et les petites décisions derrière un bon recadrage rond.

Comment Cropper.js v2 dessine le masque circulaire
Cropper.js v2 est livré comme Web Component. Les éléments cropper-canvas, cropper-image et cropper-handle composent la scène. Le recadrage circulaire n'est pas une astuce CSS border-radius. C'est une opération de composition sur canvas (destination-in) appliquée au moment de l'export. L'utilisateur voit l'image complète avec un calque sombre, et la zone de sélection circulaire est calculée en temps réel à partir des positions des poignées stockées dans l'état interne du composant. Lorsque l'on clique sur Enregistrer, un canvas temporaire est créé aux dimensions sélectionnées, l'image y est dessinée, et le masque composite supprime tout ce qui est en dehors du cercle. Pour PNG, WebP et AVIF, le résultat inclut un canal alpha. Pour JPEG, les pixels transparents sont remplis avec une couleur unie avant l'encodage, car JPEG n'a pas de canal alpha dans sa spécification. Cropper.js v2 est publié sous licence MIT sur github.com/fengyuanchen/cropperjs.
PNG, WebP, AVIF ou JPEG pour un recadrage circulaire
PNG est sans perte et universellement pris en charge. Un export de cercle 512 par 512 à partir d'une photo de 8 mégapixels pèse en moyenne 180 à 350 Ko selon la complexité de la photo. WebP est visuellement sans perte en qualité 85 à 90, 25 à 40 pour cent plus léger que PNG, et pris en charge dans tous les navigateurs livrés après 2023. AVIF utilise le codage intra AV1, typiquement 40 à 50 pour cent plus compact que WebP à qualité visuelle équivalente, mais l'encodeur WASM @jsquash/avif prend plus de temps. Environ 3 secondes sur ordinateur, et jusqu'à 30 secondes sur un mobile milieu de gamme pour une entrée de 8 mégapixels. JPEG encode le plus vite, autour de 400 ms sur ordinateur, mais ne dispose pas de canal alpha. Utilisez JPEG uniquement quand la plateforme de destination refuse les fichiers transparents, ce qui arrive avec certaines intégrations Slack et certains clients de messagerie. La plupart des utilisateurs devraient prendre PNG pour la fiabilité ou WebP pour la taille.
Guide de dimensionnement par plateforme pour les avatars circulaires
Les plateformes rendent les avatars à des tailles différentes à l'intérieur du masque circulaire. LinkedIn : photo de profil à 400 par 400 pixels minimum, affichée en cercle sur la page de profil et à environ 48 pixels dans le fil. Discord : icône de serveur à 512 par 512 maximum, avatar utilisateur à 128 par 128 dans les listes de membres et 32 par 32 dans le chat. Instagram : photo de profil circulaire à environ 110 pixels sur le profil mobile, 32 pixels dans les miniatures du fil. Slack : avatar d'espace de travail jusqu'à 512 par 512, rendu circulaire dans la liste des canaux à environ 36 pixels. L'outil exporte à la résolution d'origine de la photo. Si vous avez besoin d'une taille de sortie précise, redimensionnez l'image d'abord via /resize/ avant d'effectuer le recadrage en cercle. Vous obtenez une sortie au pixel près, sans aucun artefact d'agrandissement.
HEIC et la limite Safari expliquée
HEIC est le format conteneur d'Apple qui utilise la compression HEVC. Safari 17 et plus récent gère HEIC nativement via createImageBitmap, ce qui permet de recadrer en cercle une photo iPhone sur Safari sans aucune étape de conversion. Chrome, Firefox et Edge n'implémentent pas createImageBitmap pour HEIC en 2026. Ils retournent une erreur de décodage. L'outil vérifie les octets magiques à l'import. Si un fichier HEIC est détecté sur un navigateur autre que Safari, un message d'erreur suggère de convertir en JPG d'abord. La solution de contournement pour les utilisateurs non-Safari : ouvrez la photo sur un iPhone dans l'app Photos et partagez en JPG (option disponible dans la feuille de partage), ou utilisez /heic-to-jpg/ si vous avez déjà un fichier HEIC sur ordinateur. À noter qu'un fichier .heic renommé en .jpg sera quand même rejeté, car la vérification des octets magiques détecte le changement de nom.
Pourquoi la zone extérieure au cercle est transparente
Lorsque vous exportez un PNG ou WebP de recadrage circulaire, les pixels en dehors du contour du cercle ont une valeur alpha de 0, donc entièrement transparent. Sur les plateformes qui rendent les avatars à l'intérieur d'un cadre circulaire, le fond transparent devient invisible et la couleur de fond propre à la plateforme transparaît proprement. Sur les plateformes qui affichent le fichier en taille réelle, comme un aperçu de pièce jointe ou une vue d'album photo, la zone transparente apparaît en damier. Si vous collez le cercle dans un outil de conception comme Figma ou Canva, vous pouvez le superposer sur n'importe quelle couleur sans aucun artefact de halo blanc. L'option JPEG existe pour les cas où la transparence pose problème. Certains clients de messagerie, certains téléverseurs d'images de CMS et certaines plateformes plus anciennes suppriment la transparence et la remplacent par du noir. Utiliser JPEG avec une couleur de remplissage choisie évite cet écueil.
Vérifier le traitement local avec DevTools
N'importe qui peut vérifier la promesse de non-téléversement par soi-même. Ouvrez les DevTools du navigateur (F12 ou clic droit puis Inspecter), allez dans l'onglet Réseau, cliquez sur Effacer pour supprimer les entrées précédentes, puis importez une image dans l'outil de recadrage en cercle et faites glisser les poignées. Observez l'onglet Réseau pendant l'import et pendant le glissement. Les seules requêtes qui apparaissent sont celles des ressources de page (JS, CSS, polices) chargées avant l'import. Aucune nouvelle requête POST ou PUT portant les données de l'image n'apparaît. Après avoir cliqué sur Enregistrer, une seule requête vers une URL blob: apparaît dans l'onglet pendant une fraction de seconde. C'est le navigateur qui résout le blob local, pas un envoi de données vers un serveur. Cette vérification fonctionne dans Chrome, Firefox, Safari et Edge.