Rogner une image en cercle gratuitement en ligne — Créateur de photo de profil ronde

Cercle ou carré arrondi : quelle forme choisir

La forme n'est pas vraiment votre choix — la plateforme applique son propre masque au rendu de votre avatar, et vous ne pouvez pas l'annuler. Ce que vous choisissez réellement, c'est si votre fichier correspond à ce masque.

Cela compte parce qu'un cercle retire environ 21% d'un carré, entièrement dans les coins. En rognant vous-même en cercle, vous voyez exactement ce qui survit. En envoyant un carré entier en espérant que ça passe, le cercle de la plateforme rognera ce qui se trouvait dans ces coins : le haut d'un chapeau, une épaule, la moitié d'un logo.

La règle empirique : les visages appellent un cercle, les logos textuels un carré arrondi. Un visage est déjà à peu près rond, donc les coins ne portaient aucune information. Un logo contenant du texte est en général plus large que haut, et un cercle en ampute les extrémités du mot. C'est pourquoi Slack, iOS et le Play Store utilisent tous des carrés arrondis pour les icônes, alors que tous les réseaux sociaux utilisent des cercles pour les personnes.

Pourquoi un PNG transparent vaut les octets supplémentaires

Un cercle rogné dans un JPG n'est pas vraiment un cercle. Le JPG n'a pas de canal alpha, donc les quatre coins doivent contenir quelque chose — du blanc, normalement. Sur une page blanche, personne ne le remarque. Posez cet avatar sur un thème sombre, une carte colorée, une présentation ou une incrustation vidéo, et quatre triangles blancs apparaissent autour de la tête.

PNG et WebP ont tous deux un canal alpha : les coins stockent donc « rien » et le cercle se compose proprement sur n'importe quel fond. C'est pourquoi le PNG est la valeur par défaut ici. Le WebP fait le même travail pour environ un tiers des octets et tous les navigateurs actuels le lisent — mais certains formulaires d'envoi et de vieux logiciels de bureau refusent encore l'extension, donc le PNG reste le choix sûr quand vous confiez le fichier au système de quelqu'un d'autre.

Le seul cas où le JPG s'impose, c'est un plafond de poids. Si un formulaire exige du JPG ou vous limite à quelques dizaines de kilo-octets, choisissez JPG ici et réglez la couleur de fond sur celle qu'utilise réellement la page de destination, pour que les coins s'y fondent.

Cadrer un visage encore lisible à 32 pixels

Votre avatar n'est presque jamais vu à la taille où vous l'avez exporté. Dans un fil de commentaires, il fait 32 à 40 pixels de large. À cette taille, seuls survivent la silhouette de la tête, le contraste entre le visage et le fond, et à peu près l'emplacement des yeux. Tout le reste est de la bouillie.

Rognez donc plus serré que ce qui semble naturel. Remplissez environ 60–70% de la hauteur du cercle avec la tête, placez les yeux un peu au-dessus de la ligne médiane, et laissez un filet d'air au-dessus des cheveux pour que le cadrage ne paraisse pas accidentel. Un fond chargé est l'erreur la plus courante : il se dispute les quelques pixels disponibles et transforme la vignette en bruit. Si votre fond est encombré, un fond uni ou flou derrière un rognage circulaire se lit mieux à toutes les tailles.

Un test pratique : exportez l'avatar, puis regardez-le dans votre explorateur de fichiers au plus petit réglage de vignette. Si vous ne vous reconnaissez pas, personne d'autre ne le fera.

Le squircle d'iOS, expliqué

Les icônes d'applications d'Apple ne sont pas des rectangles arrondis. Un rectangle arrondi raccorde ses bords droits à un coin en quart de cercle, et la courbure y saute brusquement — l'œil y lit une légère cassure. Apple utilise à la place une superellipse , dont la courbure monte progressivement depuis le bord, si bien que le contour n'a aucune transition visible. Les designers appellent le résultat un squircle.

Canvas ne sait dessiner que des coins en arc de cercle : le mode carré arrondi proposé ici est donc l'approximation par rectangle arrondi, pas une vraie superellipse. À la taille d'un avatar, l'écart est d'un pixel ou deux par coin et personne ne le verra. Réglez le rayon des coins autour de 22% du côté et vous retrouvez la proportion qu'Apple emploie pour ses icônes ; l'outil utilise 24% par défaut, ce qui correspond au masque de Slack et de la plupart des messageries.

Le curseur va jusqu'à 50%, ce qui est un cercle : un carré arrondi dont le rayon de coin atteint la moitié du côté n'a plus aucun bord droit. C'est cette continuité qui explique que les deux formes partagent ici un même code plutôt que d'être deux outils distincts.

Les bordures, et pourquoi elles se font rogner

Un anneau autour d'un avatar est un bon moyen de le détacher d'un fond chargé, et c'est le seul élément de style qui survit au masque de la plateforme — à condition que l'anneau soit à l'intérieur de votre image et non autour.

Cela mérite d'être précis. Si un outil ajoute une bordure de 6 px à l'extérieur d'un cercle de 320 px, le fichier passe à 332 px, et la plateforme le redimensionne puis réapplique son masque circulaire — qui coupe en plein milieu de votre anneau et le laisse irrégulier. Cet outil dessine la bordure à l'intérieur de la taille que vous avez demandée : 320 px restent 320 px et l'anneau se pose exactement sur le bord attendu par le masque. Le curseur de bordure est plafonné à 12% du côté pour la même raison : au-delà, ce n'est plus un anneau mais un cadre.

Pourquoi rogner dans le navigateur est plus respectueux de la vie privée

La plupart des sites de « rognage circulaire en ligne » envoient votre photo, la rognent sur un serveur et vous la renvoient. Pour une photo de votre propre visage, la différence est réelle : une copie existe sur le disque de quelqu'un d'autre, soumise à la politique de conservation en vigueur ce mois-ci, et souvent à une clause des conditions d'utilisation leur accordant une licence dessus.

Resizo n'a aucun serveur qui reçoive des images. Le rognage s'effectue dans votre onglet via l'API canvas du navigateur. Deux façons de le vérifier : ouvrez l'onglet Réseau de votre navigateur et constatez que rien n'est envoyé pendant le rognage, ou coupez la connexion internet une fois la page chargée et rognez quand même — cela fonctionne toujours.

Effet secondaire utile : le réencodage supprime les métadonnées EXIF, donc les coordonnées GPS et l'horodatage que votre téléphone a inscrits dans l'original ne voyagent pas avec l'avatar que vous publiez. Si vous avez besoin de ces métadonnées, conservez le fichier d'origine.