Arrondir les coins d'une image

Arrondissez les coins d'une ou plusieurs images avec un rayon réglable, en exportant un PNG avec transparence.

Exemple :

Comment ça marche

Vous voulez intégrer une photo de profil ou une icône avec des coins doux dans une interface, sans dépendre du CSS pour le faire (par exemple pour un export ou un partage) ? Réglez le rayon souhaité et l'outil rend transparents les pixels situés en dehors du rectangle arrondi, en produisant un fichier PNG.

Pourquoi le résultat est-il toujours en PNG ?

Les coins arrondis nécessitent de la transparence (canal alpha) pour masquer les zones retirées de l'image, or seul le format PNG (parmi les formats courants) gère nativement la transparence de façon fiable. C'est pourquoi le fichier de sortie est toujours un PNG, quel que soit le format d'origine.

Que se passe-t-il si le rayon est très grand ?

Un rayon supérieur à la moitié de la largeur ou de la hauteur de l'image donne un résultat proche d'un cercle ou d'une ellipse, puisque les quatre coins arrondis finissent par se rejoindre au centre.

Traitement 100% local : l'arrondi est appliqué dans votre navigateur via notre module WebAssembly — vos images ne sont jamais envoyées à un serveur.