Toute plateforme qui affiche une photo de profil l’affiche en cercle. Vous envoyez un carré ; l’application applique un masque. Ce masque est tout le problème, parce qu’un anneau dessiné au bord du carré est tracé centré sur la ligne que le masque découpe — donc la moitié extérieure du trait tombe hors du cercle et part à la poubelle.
Nous l’avons mesuré en traçant un anneau, en appliquant le masque circulaire et en comptant les pixels survivants sur la ligne du centre :
| Avatar | Anneau demandé | Anneau qui survit |
|---|---|---|
| 400 px | 20 px | 10 px |
| 400 px | 40 px | 20 px |
| 1000 px | 60 px | 30 px |
Exactement la moitié, à chaque fois, à toutes les tailles. Et ça ne donne pas l’impression d’être cassé — ça donne l’impression d’un anneau plus fin que celui choisi, et c’est pour ça que personne ne cherche. Vous repartez simplement, sans le savoir, avec un autre design que le vôtre.
Tracez l’anneau au rayon R − L/2 au lieu de R, et toute la largeur tombe à l’intérieur du cercle. Mesuré de la même façon : 20 px demandés, 20 px survivants ; 40 pour 40 ; 60 pour 60. Cet outil fait cela, et vous montre le troisième panneau ci-dessus — les mêmes réglages dessinés à la manière habituelle, après le recadrage — pour que vous voyiez la différence plutôt que de nous croire sur parole.
Un cercle inscrit dans un carré en couvre π/4. En comptant les pixels survivants après le masque, on obtient 21,46 % de l’image perdue, identique à 400 px et à 1000 px, soit exactement 1 − π/4. Les coins ne vous appartiennent jamais. Tout ce qui compte — un visage, un logo, du texte — doit tenir dans le cercle inscrit, sinon ce n’est pas dans l’image.
L’anneau grignote ensuite vers l’intérieur ce qui reste :
| Avatar | Anneau | Photo restante | Photo masquée |
|---|---|---|---|
| 400 px | 8 px | 384 px | 7,8 % |
| 400 px | 20 px | 360 px | 19 % |
| 400 px | 40 px | 320 px | 36 % |
| 1000 px | 60 px | 880 px | 22,6 % |
C’est pour cela que la largeur de l’anneau est ici un pourcentage de l’avatar et non un nombre de pixels. Un anneau de 5 % rend pareil sur un export de 400 px et sur un de 1500 px ; 20 px, non.
La façon dont ces pixels ont été comptés, et le code qui les a comptés, sont détaillés dans La moitié de l’anneau de votre photo de profil est jetée, et rien ne vous le dit.
Comme les coins sont masqués de toute façon, l’export honnête les laisse transparents — ce que vous voyez est ce que toutes les plateformes montreront. Mais quelques endroits ne recadrent pas en cercle : certains forums, certaines messageries, et la grande version de la photo sur la page de profil. Là, des coins transparents prennent la couleur de fond de la page, ce qui peut passer pour une erreur. Si vous publiez quelque part qui risque d’afficher le carré, remplissez les coins avec la couleur de l’anneau, du blanc ou du noir.
Non. Le fichier est lu par votre navigateur, dessiné sur un canvas dans la page, puis rendu sous forme de téléchargement. Il n’atteint jamais de serveur, et c’est aussi pourquoi l’outil continue de fonctionner hors ligne une fois la page chargée.
Parce qu’il l’est. Un anneau tracé au bord du carré est coupé en deux par le recadrage circulaire — mesuré à exactement la moitié, à toutes les tailles testées. Rentrez le trait de la moitié de sa largeur et l’anneau survit entier. C’est la seule différence.
800 × 800 dépasse confortablement ce qu’affiche n’importe quelle grande plateforme, donc l’image survit à leur réduction avec du détail en réserve. Passer à 1500 coûte du poids de fichier et n’apporte rien, sauf si la plateforme montre une grande version sur la page de profil.
Pour que le design survive à un changement de taille d’export. Un anneau de 20 pixels est franc à 400 px et presque invisible à 1500 px ; 5 % reste 5 % dans les deux cas. L’outil vous indique la largeur en pixels obtenue.
En général oui — ils sont masqués, donc la transparence est le fichier honnête. Ne les remplissez que si vous publiez là où le carré s’affiche sans recadrage, où la transparence prendrait la couleur de fond de la page.
Oui, et cela compte davantage : un logo à la boîte englobante serrée perd ses coins dans le cercle. Laissez de la marge autour de la marque, gardez l’anneau fin, et vérifiez l’aperçu rond plutôt que le carré.
Oui. Le dessin est fait par le même canvas que sur ordinateur. Les très grandes photos sont limitées par la mémoire du navigateur, pas par l’outil ; si le téléchargement revient vide, redimensionnez la photo d’abord.
Pas ici — l’export est un PNG fixe. La plupart des plateformes aplatissent de toute façon un avatar animé sur sa première image ; la réponse pratique est donc d’exporter cette image-là et de lui mettre l’anneau.