ÉDITER

Coins arrondis

Des coins arrondis vraiment transparents, pas des carrés blancs qui font semblant.

ÉDITER

☞ tout se passe dans ton navigateur — rien n’est envoyé

Déposez votre image ici

ou cliquez pour parcourir — PNG, JPG, WebP ou GIF

des pourcents, pas des pixels

Un rayon en pixels, c’est la mauvaise unité

Quarante pixels de rayon sont invisibles sur une photo de 4000 pixels et avalent la moitié d’un visage sur un avatar de 400. C’est pourquoi le rayon est ici un pourcentage du petit côté : un même réglage rend pareil sur une vignette et sur une affiche. L’équivalent en pixels s’affiche dessous, au cas où une spécification l’exige.

L’autre moitié du travail, c’est le format. Les coins arrondis exigent de la transparence, et le JPEG n’en a pas : enregistrez une image arrondie en JPEG et les quatre coins reviennent en noir plein, sauf si quelque chose les remplit. Cet outil part sur du PNG et laisse les coins réellement vides ; si vous choisissez le JPEG, il demande une couleur de fond au lieu de fabriquer discrètement des triangles noirs.

trois étapes

Comment arrondir les coins d’une image

01

Déposez l’image

PNG, JPG, WebP ou GIF. Elle est décodée dans la page et jamais envoyée.

02

Réglez le rayon

Faites glisser le curseur entre 0 et 50 % du petit côté. À 50 % sur une image carrée, vous obtenez un cercle. Ajoutez une bordure dans le même panneau si vous en voulez une.

03

Téléchargez

Le PNG conserve les coins transparents. JPEG et WebP sont là aussi, avec une couleur de fond pour ce que l’arrondi a retiré.

réponses rapides

Questions fréquentes sur les coins arrondis

Les coins sont-ils vraiment transparents ?

En PNG et WebP, oui : les pixels hors du tracé arrondi ont un alpha nul. En JPEG, c’est impossible — le format n’a aucun canal alpha — donc vous choisissez une couleur de fond et les coins en sont remplis.

Pourquoi le rayon est-il un pourcentage ?

Parce qu’un rayon en pixels n’a de sens qu’à une seule taille. 10 % rendent pareil à 400 et à 4000 pixels, alors que 40 pixels donnent un cercle sur l’une et presque rien sur l’autre. L’équivalent en pixels est affiché sous l’aperçu.

Puis-je obtenir un cercle parfait ?

Sur une image carrée, réglez le rayon à 50 %. Sur un rectangle, cela donne une capsule : utilisez l’outil de recadrage circulaire, qui met d’abord l’image au carré.

Ajoute-t-il aussi une bordure ?

Oui. La bordure se place à l’extérieur du bord arrondi et suit la même courbe, le rayon intérieur étant réduit de l’épaisseur de bordure pour que les deux arcs restent concentriques. Mettez la bordure à 0 % si vous ne voulez que l’arrondi.

Et les très grandes images ?

Les navigateurs ont une aire de canvas maximale. Si le résultat la dépassait, l’export est réduit pour tenir et l’aperçu le signale, plutôt que de vous rendre un fichier vide.

Quelque chose est-il envoyé ?

Non. L’image est décodée, dessinée et réencodée dans votre navigateur. À aucun moment rien n’est transmis à un serveur.