[{"data":1,"prerenderedAt":11},["ShallowReactive",2],{"guide:fr:blog\u002Fcrop-photo-into-circle":-1,"article-fr-crop-photo-into-circle":3},{"slug":4,"title":5,"description":6,"date":7,"keyword":8,"tool":9,"html":10},"crop-photo-into-circle","Comment recadrer une photo en cercle (Gratuit, sans téléchargement)","Besoin d'une photo de profil ronde ou d'un logo ? Voici comment recadrer une photo en cercle dans votre navigateur, gratuitement, sans téléchargement et sans inscription.","2026-09-14","crop photo into circle","crop-image","\u003Cp>Les photos de profil rondes sont partout — Slack, Zoom, Teams, les comptes Google, WhatsApp, les avatars d'auteurs WordPress, la plupart des pages d'équipe de sites web. Donc quand quelqu'un demande comment recadrer une photo en cercle, la réponse honnête les surprend généralement : \u003Cstrong>vous n'avez presque jamais besoin d'un fichier circulaire.\u003C\u002Fstrong> Vous avez besoin d'un carré parfait avec le sujet centré, et l'application dessine le cercle pour vous.\u003C\u002Fp>\n\u003Cp>Voici comment obtenir ce carré correctement, et quoi faire dans le rare cas où vous avez vraiment besoin d'une image ronde avec des coins transparents.\u003C\u002Fp>\n\u003Ch2>Pourquoi un recadrage carré est la réponse 90 % du temps\u003C\u002Fh2>\n\u003Cp>Les applications qui affichent des avatars circulaires ne stockent pas d'images rondes. Elles stockent votre téléchargement carré (ou rectangulaire) et appliquent un masque circulaire CSS par-dessus. Un cercle inscrit dans un carré touche le milieu de chaque bord, donc la zone visible est le carré moins les quatre coins — environ 21 % de l'image se retrouve cachée.\u003C\u002Fp>\n\u003Cp>C'est la partie que les gens ratent. Si vous téléchargez une photo où votre tête remplit le cadre d'un bord à l'autre, le masque circulaire coupera le haut de vos cheveux et les deux oreilles. Recadrez pour le cercle, pas pour le carré.\u003C\u002Fp>\n\u003Ch2>Étape par étape : un recadrage carré centré\u003C\u002Fh2>\n\u003Col>\n\u003Cli>Ouvrez l'\u003Ca href=\"\u002Ffr\u002Fcrop-image\">outil de recadrage\u003C\u002Fa> dans votre navigateur. Rien n'est téléchargé — l'image est traitée sur votre propre appareil, donc une photo de votre visage ne quitte jamais votre ordinateur portable.\u003C\u002Fli>\n\u003Cli>Tracez une sélection carrée \u003Cstrong>1:1\u003C\u002Fstrong>. Verrouillez le rapport d'aspect si l'outil l'offre, pour que vous n'obteniez pas un résultat décalé de 4 pixels et un avatar compressé.\u003C\u002Fli>\n\u003Cli>Positionnez la sélection pour que le contenu important soit assis au milieu du tiers. Pour un portrait : les yeux à peu près au tiers de la distance vers le bas, et un espace visible de fond au-dessus de la tête et des deux côtés.\u003C\u002Fli>\n\u003Cli>Exportez, puis vérifiez le résultat en imaginant un cercle dessiné à l'intérieur. Tout ce qui touche un coin va disparaître.\u003C\u002Fli>\n\u003Cli>Si le fichier est plus grand que nécessaire, lancez-le via \u003Ca href=\"\u002Ffr\u002Fresize-image\">redimensionner\u003C\u002Fa> — 400×400 ou 512×512 est largement suffisant pour presque n'importe quel emplacement d'avatar — puis \u003Ca href=\"\u002Ffr\u002Fcompress-image\">compresser\u003C\u002Fa> s'il y a une limite de taille de téléchargement.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Un test rapide de bon sens : tenez votre pouce sur chaque coin de l'image exportée. Si rien d'important n'est sous votre pouce, le recadrage circulaire aura l'air bien.\u003C\u002Fp>\n\u003Ch3>Logos et photos de produits\u003C\u002Fh3>\n\u003Cp>Les logos sont le cas le plus délicat, car un wordmark est large et un cercle ne l'est pas. Ne réduisez pas le logo entier jusqu'à ce qu'il rentre dans le cercle — il aura l'air minuscule. Recadrez plutôt la partie icône ou monogramme, centrée, avec de l'espace. Si le logo se trouve sur un arrière-plan que vous ne voulez pas, \u003Ca href=\"\u002Ffr\u002Fremove-background\">supprimez d'abord l'arrière-plan\u003C\u002Fa> et enregistrez en PNG pour que la zone transparente se fonde dans la couleur que la plateforme utilise.\u003C\u002Fp>\n\u003Ch2>Quand vous avez vraiment besoin d'une image ronde\u003C\u002Fh2>\n\u003Cp>Il y a quelques cas où un carré ne suffira pas : placer un portrait rond sur une diapositive colorée, un prospectus imprimé, ou une signature de courrier électronique où aucun masque CSS n'existe. Options, par ordre de facilité :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>PowerPoint \u002F Google Slides \u002F Canva :\u003C\u002Fstrong> insérez votre image carrée, puis utilisez le recadrage de forme ("Recadrer à la forme → Ovale"). Comme votre image est déjà carrée, l'ovale devient un cercle parfait.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Pages web :\u003C\u002Fstrong> gardez le fichier carré et ajoutez \u003Ccode>border-radius: 50%\u003C\u002Fcode> en CSS. Une seule ligne, pas d'édition d'image, et le fichier reste plus petit.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Word ou signature de courrier électronique :\u003C\u002Fstrong> insérez l'image, puis Format de l'image → Recadrer à la forme → Ovale.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Dans chacun de ces cas, le fait de partir d'un recadrage carré correctement centré est ce qui rend le résultat intentionnel au lieu d'accidentellement décapité.\u003C\u002Fp>\n\u003Ch2>Enregistrez en PNG s'il y a de la transparence\u003C\u002Fh2>\n\u003Cp>Si votre image ronde aura des coins transparents, ce doit être un PNG — JPG n'a pas de canal alpha et remplira les coins de blanc. Si vous devez changer de format, le \u003Ca href=\"\u002Ffr\u002Fconvert-image\">convertisseur d'images\u003C\u002Fa> gère PNG, JPG et WebP dans le navigateur.\u003C\u002Fp>\n\u003Cp>Une dernière note sur la confidentialité : les photos de profil sont personnelles, et la plupart des sites de « recadrage de cercle gratuit » téléchargent votre fichier sur un serveur pour le traiter. Chaque outil cutbg s'exécute entièrement dans votre navigateur — pas de téléchargement, pas de compte, pas de copie de votre visage assis dans le seau de stockage de quelqu'un. Fermez l'onglet et il a disparu.\u003C\u002Fp>\n",1791831540896]