Arrondir les Angles d'une Image en Ligne - Outil PNG Gratuit

Comment le rayon est calculé

Le rayon démarre à 30 px, avec les quatre coins activés. En mode px, la valeur est appliquée telle quelle : 30 px donne la même courbe sur un petit avatar et sur une grande capture d'écran. C'est le bon choix quand vous devez respecter une valeur de maquette fixe à une taille d'affichage connue.

En mode %, le rayon est une part du plus petit côté de l'image finale, marge comprise. Un rayon de 10 % sur une image de 1200 x 800 donne une courbe de 80 px ; sur une vignette de 600 x 400, 40 px. Comme l'arrondi suit la taille de chaque image, un lot aux dimensions variées garde le même rendu.

Il existe un plafond : le rayon ne dépasse jamais la moitié du plus petit côté. Tout pourcentage au-delà de 50 %, ou une valeur en px supérieure à la moitié du petit côté, donne le même résultat que le maximum. Sur une image carrée, ce maximum est un cercle ; sur un rectangle, c'est une pilule aux extrémités entièrement arrondies, pas un ovale. Pour un avatar rond, recadrez la photo en carré avant de l'importer.

N'arrondir que certains coins

Les quatre boutons de coin, à côté du champ de marge, activent ou désactivent chaque coin ; un bouton mis en évidence signifie que ce coin est arrondi. N'arrondir que les deux coins du haut convient à une image placée en tête d'une carte ou d'un aperçu d'article, dont le bord inférieur touche du texte. Les deux coins du bas conviennent à la mise en page inverse, et un seul coin arrondi peut évoquer un onglet ou une bulle de dialogue.

Quand les quatre coins sont désactivés, aucune courbe n'est appliquée. Avec une marge et une couleur de fond, l'outil devient alors un moyen rapide d'ajouter une bordure unie et régulière autour d'un lot de captures d'écran.

Comment la marge et le fond interagissent

La marge ajoute le même nombre de pixels sur chaque côté : l'image grandit donc de deux fois la marge dans chaque direction. Le panneau à côté de l'aperçu affiche les deux tailles, par exemple 1200 x 800px -> 1240 x 840px avec 20 px de marge, ce qui permet de vérifier ce que vous allez télécharger.

La courbe est découpée sur le bord extérieur de tout le canvas, pas sur le bord de votre photo. Avec le fond transparent par défaut, c'est important : la marge est un espace vide et, dès qu'elle atteint environ 30 % du rayon, les coins de la photo ne sont plus rognés du tout. Avec le rayon par défaut de 30 px, cela arrive dès 9 px de marge. Le rayon doit dépasser environ trois fois et demie la marge pour que la photo soit un tant soit peu arrondie ; allez nettement au-delà si vous voulez un arrondi bien visible.

Un fond blanc, noir ou personnalisé remplit tout le canvas, y compris la zone hors de la courbe : le fichier n'a donc aucun pixel transparent et les coins affichent simplement cette couleur. Utilisez-le quand vous savez sur quoi l'image sera posée, par exemple une page de document blanche ou une diapositive sombre, ou quand le site où vous la publiez affiche les zones transparentes dans une couleur inattendue.

Ce que vous obtenez au téléchargement

Chaque résultat est enregistré en PNG quel que soit le format d'origine, et le nom reçoit le suffixe -rounded : vacances.jpg devient vacances-rounded.png. Dès que deux images au moins sont prêtes, un bouton Download All apparaît et les regroupe dans shotedit-rounded-images.zip ; si deux fichiers portent le même nom, (1) est ajouté à l'un d'eux pour qu'aucun ne soit écrasé.

Le PNG est sans perte, ce qui garde une courbe nette mais rend souvent une photo JPG arrondie plus lourde que l'originale. Si le poids compte, passez le résultat dans le compresseur d'images, ou utilisez le convertisseur d'images pour obtenir un WebP, qui garde les coins transparents dans un fichier plus léger. La conversion en JPG est possible aussi, mais le JPG ne gère pas la transparence et le convertisseur remplit alors les coins en blanc.

Hormis la marge, rien n'est redimensionné : l'image de sortie a les mêmes dimensions en pixels que l'originale. Si l'image finale doit être petite, redimensionnez-la d'abord avec le redimensionneur d'images, puis arrondissez-la, pour que le rayon en px corresponde à ce qui sera réellement affiché. Les GIF animés deviennent une seule image fixe, et les métadonnées comme l'EXIF ne sont pas recopiées dans le nouveau fichier.

Traiter un lot

Un seul jeu de réglages s'applique à toutes les images de la liste. Modifier le rayon, l'unité, la marge, les coins ou le fond relance le rendu de tout le lot : vous ajustez en regardant l'aperçu sélectionné et les autres fichiers suivent.

En plus du bouton Add Images, vous pouvez glisser des fichiers sur la zone de dépôt ou coller une image depuis le presse-papiers. Ctrl+S (Cmd+S sur Mac) télécharge le résultat sélectionné et Ctrl+C le copie en PNG, prêt à coller dans une messagerie ou un outil de design. Add Folder n'apparaît que dans les navigateurs qui autorisent l'accès aux dossiers, comme Chrome et Edge.

Les formats acceptés sont JPG, PNG, GIF, BMP et WebP. Les autres fichiers, comme les photos HEIC d'un iPhone, sont ignorés, et si rien dans votre sélection n'est pris en charge, l'avertissement "No supported image files found" s'affiche. Convertissez d'abord les photos HEIC avec l'outil HEIC vers JPG, puis revenez ici avec le JPG.