Rogner une image en cercle

Utilisez cet outil pour rogner une image en cercle : découpez une photo, un logo ou une capture d'écran en un cercle parfait ou un ovale réglable, et enregistrez le résultat en PNG transparent. Faites glisser l'image dans le masque rond pour décider ce qui reste, zoomez jusqu'à ce que le sujet remplisse le cadre, ajoutez un anneau si vous le souhaitez, et téléchargez un avatar prêt pour un profil, une page d'équipe, une pochette de podcast ou un diaporama.

Tout s'exécute dans votre navigateur avec l'élément canvas HTML. La photo est décodée localement, masquée localement et exportée localement, donc elle n'est jamais envoyée à miniwebtool : pas de file d'attente, pas de filigrane et pas de limite d'envoi autre que la mémoire de votre propre appareil.

Ce que vous pouvez en faire

Fonctionnalités principales

• Glisser pour cadrer, molette ou pincement pour zoomer : le masque reste fixe pendant que la photo bouge derrière, la même interaction que les éditeurs d'avatar.
• Afficher la zone coupée : un fantôme des pixels écartés reste visible dans l'aperçu, pour voir si vous avez coupé une oreille ou une épaule.
• Cercle ou ovale : un curseur hauteur sur largeur transforme le cercle en ellipse paysage ou portrait, et le canvas d'export suit la même forme.
• Rotation et miroir : des pas de 90 degrés corrigent une photo de téléphone de côté, et le miroir remet un selfie dans le bon sens.
• Anneau de bordure et bord estompé : ajoutez un anneau coloré en pixels de sortie, ou adoucissez le contour pour que l'avatar se fonde dans un fond.
• PNG, WebP ou JPG transparents : laissez les coins vides pour PNG et WebP, ou remplissez-les d'une couleur choisie pour le JPG.
• Préréglages de taille d'avatar : un clic pour les tailles courantes de photo de profil 320, 400, 512, 640 et 800 pixels.
• CSS copiable : l'extrait reproduit le même avatar rond sur une page web avec border-radius et object-fit.

Comment rogner une image en cercle

1. Chargez la photo : glissez un fichier sur la zone de dépôt, choisissez Sélectionner une image, ou collez une image copiée avec Ctrl+V.
2. Cadrez le sujet : faites glisser dans la scène pour déplacer la photo et utilisez le curseur Zoom, la molette ou un geste de pincement pour la dimensionner. Remplir le masque rétablit le recadrage le plus serré qui couvre le masque et Ajuster toute la photo montre toute la photo à l'intérieur.
3. Choisissez la forme : gardez Cercle, ou passez sur Ovale et réglez le rapport hauteur sur largeur.
4. Stylisez le bord : réglez Anneau et sa couleur, adoucissez le contour avec Estompage, et choisissez Transparent ou un Fond uni.
5. Vérifiez les petits aperçus : regardez les versions 128, 64 et 32 pixels sous la scène et zoomez davantage si le visage disparaît.
6. Exportez : choisissez une taille et un format de sortie, puis cliquez sur Télécharger l'image circulaire.

Tailles de photo de profil affichées en cercle

La plupart des plateformes acceptent un envoi carré et appliquent leur propre masque rond en CSS. Exporter un PNG déjà circulaire reste utile pour les sites web, les documents et les diapositives, et cela vous laisse contrôler exactement où tombe le masque. Voici des tailles d'envoi sûres :

Comment le masque circulaire est dessiné

La photo est peinte sur un canvas à la taille de sortie, puis le mode de composition du canvas passe à destination-in et une ellipse est remplie par-dessus. Seuls les pixels sous l'ellipse survivent ; tout le reste devient entièrement transparent. Lorsque Estompage est supérieur à zéro, l'ellipse est remplie avec un dégradé radial au lieu d'une couleur unie, donc la valeur alpha diminue progressivement et le contour s'estompe au lieu de s'arrêter sur une ligne nette. Un anneau, si vous en ajoutez un, est tracé ensuite pour ne pas être effacé par le masque.

Comme un cercle est inscrit dans le carré dont on le découpe, le résultat rond couvre toujours environ 78,5 % de la surface du carré, et les quatre coins sont ce que vous perdez. C'est pourquoi zoomer un peu est en général juste pour un portrait : le haut de la tête et les épaules se trouvent exactement dans les coins qui sont retirés.

Conseils pour un recadrage encore lisible à 32 pixels

• Remplissez le cercle avec le visage. Laissez une petite marge au-dessus de la tête et laissez les épaules sortir du bord ; un plan en pied se transforme en un point illisible.
• Placez les yeux un peu au-dessus du centre. Un visage centré exactement au milieu d'un cercle paraît s'enfoncer.
• Préférez un fond uni et contrasté. Un détail chargé derrière la tête devient du bruit visuel une fois l'avatar réduit.
• N'agrandissez pas. Si la source fait 200 pixels de large, exporter 800 pixels ne fait que la flouter ; exportez à la taille cadrée de la source ou en dessous.
• Ajoutez un anneau pour les interfaces sombres. Un anneau blanc de un à deux pour cent empêche une photo sombre de se fondre dans une barre latérale de discussion sombre.

Questions fréquentes

Ma photo est-elle envoyée sur un serveur ?

Non. Le fichier est lu par votre navigateur avec l'API FileReader, dessiné sur un canvas HTML et masqué à cet endroit. Rien n'est envoyé à miniwebtool, donc l'image reste sur votre appareil même si vous fermez l'onglet. Cela signifie aussi que l'outil continue de fonctionner sur une connexion lente une fois la page chargée, et qu'il n'y a ni file d'attente d'envoi ni limite de taille de fichier au-delà de la mémoire de votre propre appareil.

Comment garder transparente la zone hors du cercle ?

Réglez Fond sur Transparent et choisissez PNG ou WebP comme format de sortie. Seuls ces deux formats stockent un canal alpha. Le JPG n'a aucune transparence, donc les quatre coins autour du cercle sont remplis avec la couleur de fond, et l'outil passe automatiquement le fond sur une couleur unie lorsque vous sélectionnez JPG.

Pourquoi mon avatar rond paraît-il encore carré après l'envoi ?

Certains sites aplatissent la transparence sur un fond blanc ou sombre lorsqu'ils réencodent votre fichier, ce qui rend à nouveau visibles les coins transparents. Dans ce cas, faites correspondre la couleur de fond à celle du site au lieu d'utiliser la transparence, ou envoyez l'original carré et laissez le site appliquer son propre masque circulaire, ce que la plupart des réseaux sociaux font en CSS.

Quelle taille doit avoir une photo de profil circulaire ?

512 par 512 pixels convient à presque tous les profils, car les sites réduisent une image plus grande mais n'ajoutent jamais de détail à une petite. Les cibles courantes sont 400 pixels pour X et LinkedIn, 320 pour Instagram, 512 pour Discord, 640 pour WhatsApp et 800 pour YouTube. Utilisez les préréglages de taille dans la section Taille de sortie et laissez le site faire la réduction.

Puis-je rogner un ovale au lieu d'un cercle parfait ?

Oui. Passez la forme sur Ovale et déplacez le curseur hauteur sur largeur. Un rapport inférieur à 100 pour cent donne une ellipse paysage large, et un rapport supérieur à 100 pour cent donne une ellipse portrait haute qui convient aux plans buste. Le canvas de sortie change de forme avec elle, donc un ovale de 512 pixels de large à 130 pour cent s'exporte en 512 par 666 pixels.

Le recadrage circulaire réduit-il la qualité de ma photo ?

Le recadrage lui-même retire les pixels hors du cercle mais ne recomprime pas ce qui reste lorsque vous exportez en PNG, qui est sans perte. La qualité ne baisse que si la taille de sortie est plus grande que la zone cadrée de l'original, car le navigateur doit alors agrandir, ou si vous choisissez JPG ou WebP, qui sont avec perte. Zoomer au-delà d'environ 100 pour cent sur une petite source est la cause habituelle d'un résultat flou.

Quels types de fichiers puis-je ouvrir et enregistrer ?

Vous pouvez ouvrir tout ce que votre navigateur peut décoder comme image, ce qui couvre en général JPG, PNG, WebP, GIF, BMP, AVIF et SVG. Les GIF animés sont recadrés comme une seule image fixe. Le téléchargement est un PNG par défaut, avec WebP et JPG disponibles dans la liste Format.