Arrondir les coins d'une image

Comment ça marche

Choisissez vos images dans le cadre, réglez l'arrondi des coins avec le curseur et appuyez sur Arrondir. Le rayon s'exprime en pourcentage, car une valeur fixe en pixels donne un rendu très différent selon la résolution : sur une icône d'application de 1024×1024 pixels, 18 % donnent un rayon de 184 pixels ; sur un petit avatar de 96 pixels, les mêmes 18 % n'en font que 17 — et les deux paraissent aussi doux l'un que l'autre. Le rayon se calcule sur chaque axe à partir de la longueur de cet axe : sur un visuel de carte de 1200×800 pixels, 10 % signifient un arc de 120 pixels à l'horizontale et de 80 à la verticale. Poussé à fond, à 50 %, les quatre arcs se rejoignent au milieu : une image carrée devient un cercle complet, une image rectangulaire un ovale complet. Les dimensions en pixels ne changent avec aucun réglage ; seuls les pixels des coins disparaissent. Si vous ne voulez aucune couleur dans les coins, laissez l'option Transparent : la sortie se télécharge alors en PNG même si la source est un JPG, car le JPG ne transporte pas la transparence.

Cet outil est aussi connu sous le nom de arrondir les coins d'une image, coins arrondis photo, image coins arrondis en ligne, arrondir les angles d'une photo, avatar coins arrondis, border radius image.

Qu'est-ce que rayon de coin ?

Le rayon de coin est la taille de l'arc tracé au coin d'un rectangle : plus le rayon est grand, plus le coin est rond. En design web, la même valeur s'appelle border-radius et s'écrit en pixels ou en pourcentage. Le pourcentage est préféré ici parce qu'il est indépendant de l'échelle : le coin de chaque image est arrondi en proportion de sa propre taille, si bien qu'un petit avatar et une grande couverture posés côte à côte paraissent adoucis de la même façon. Quand le rayon atteint la moitié du côté, les arcs se rejoignent et la notion de coin disparaît.

Qu'est-ce que canal alpha ?

Le canal alpha est la quatrième valeur qu'un pixel porte à côté de sa couleur : elle dit à quel point ce pixel est visible, 255 pour entièrement opaque, 0 pour entièrement vide. Un coin arrondi n'est rien d'autre que cela — la couleur des pixels du coin n'est pas effacée, leur visibilité est mise à zéro. Les quelques pixels qui longent l'arc reçoivent des valeurs intermédiaires ; ce sont elles qui donnent un bord lisse au lieu d'un bord crénelé. Enregistrée dans un format sans canal alpha, cette information se perd et la zone vide devient une couleur unie.

Qu'est-ce que masque d'icône d'application ?

Le masque d'icône est le gabarit que le système applique à votre icône avant de l'afficher. iOS arrondit les coins avec sa propre courbe ; Android, selon la version et le fabricant, applique un cercle, un carré ou une forme de goutte. C'est pourquoi les magasins d'applications demandent une icône carrée, sans coins arrondis : le masque existe déjà dans le système. Une icône arrondie à l'avance, une fois passée dans le masque, garde au coin une fine trace née de la superposition des deux courbes. Sur un site, dans une présentation ou un document, il n'y a pas de masque : c'est à vous de donner l'arrondi.

Quelle différence entre coins arrondis et recadrage en cercle ?

Ce sont deux opérations différentes, aux sorties de tailles différentes. Les options cercle et ovale de l'outil Recadrer une image coupent d'abord : d'une photo de 4000×3000 pixels, le carré central de 3000×3000 est prélevé, les 1000 pixels des bords sortent du fichier, puis le cercle se place dans ce carré. Cet outil-ci ne coupe rien : le cadre reste à 4000×3000 et seuls les pixels des quatre coins sont retirés. Si vous ne voulez rien perdre de ce qui se trouve au bord du cadre, vous êtes au bon endroit ; si vous voulez placer l'image dans un cadre carré et la découper en cercle, c'est l'outil de recadrage qu'il faut. À 50 %, vous obtenez ici aussi un cercle complet, mais il reste posé dans le rectangle d'origine, et sur une image non carrée le résultat est un ovale.

Des coins transparents imposent une sortie PNG

Dans les coins arrondis, il n'y a pas de couleur ; aucune peinture n'y reste. Pour conserver cela dans le fichier, il faut un canal alpha, et seuls certains formats le transportent : PNG et WEBP oui, JPG non. Quand Transparent est choisi, l'outil enregistre donc la sortie en PNG même si votre source est un JPG, et change l'extension du fichier en même temps.

Ce changement d'extension est décisif : un fichier au contenu PNG mais au nom resté en .jpg passe le contrôle de format du système où vous le téléversez, puis ne s'ouvre pas ou s'affiche cassé. Pour éviter cette panne silencieuse, l'extension reste ici toujours cohérente avec le contenu.

Si vous préférez des coins en couleur unie plutôt que vides, choisissez Blanc ou Noir. Les pixels des coins se remplissent alors de la couleur choisie, le canal alpha n'est plus nécessaire et une source JPG ressort en JPG. Pour une image destinée au papier blanc, c'est un choix plus sûr que le PNG transparent : certains pilotes d'impression rendent les zones transparentes en noir.

Quel pourcentage choisir ?

L'arrondi change le ton d'une image : un coin peu arrondi paraît sobre et posé, un coin très arrondi paraît doux et joueur. Les plages ci-dessous viennent d'usages réels ; ce sont des points de départ, pas des règles.

Un détail compte : sur les icônes d'application, c'est le plus souvent le système qui arrondit les coins lui-même. iOS et Android passent l'icône dans leur propre masque ; si vous l'avez déjà arrondie, une fine double découpe peut rester visible au coin. Laissez carrée l'icône destinée au magasin d'applications ; réservez cet outil à la copie utilisée sur un site, dans une présentation ou un document.

• 2-5 % — carte sobre, petite image dans un tableau : le coin s'adoucit sans se remarquer
• 8-15 % — carte web, visuel produit, couverture de blog : la plage la plus courante
• 20-30 % — allure de bulle de conversation, design joueur
• 50 % — cercle complet (image carrée) ou ovale complet (image rectangulaire), pour une photo de profil
• Le haut seulement — visuels de carte suivis d'un bloc de texte ; le bord bas reste droit pour s'aligner sur le texte

Que se passe-t-il en traitement par lot ?

Quand vous choisissez plusieurs images, le même pourcentage s'applique à toutes, mais le rayon en pixels se calcule pour chaque fichier à partir de ses propres dimensions. Sur des images de tailles différentes, c'est exactement le résultat voulu : toutes paraissent arrondies de la même façon, sans qu'un coin disparaisse sur l'une et reste imperceptible sur l'autre.

La ligne de résultat indique pour chaque fichier les dimensions d'origine, le rayon calculé et le fond choisi. Vous pouvez y vérifier que les dimensions n'ont pas bougé.

Questions fréquentes

Comment arrondir les coins d'une photo ?

Choisissez les images dans le cadre, amenez le curseur d'arrondi au pourcentage voulu et appuyez sur Arrondir. Pour des coins sans couleur, laissez le fond sur Transparent ; la sortie se télécharge en PNG.

Les dimensions de l'image diminuent-elles ?

Non. Cet outil ne recadre pas : la largeur et la hauteur de la sortie sont identiques à celles de l'entrée. Seuls les pixels des coins sont retirés. La ligne de résultat vous confirme que les dimensions n'ont pas changé.

Que se passe-t-il à 50 % ?

Les quatre arcs se rejoignent au milieu. Une image carrée donne un cercle complet, une image rectangulaire un ovale complet. Le cadre garde les dimensions d'origine ; la zone hors du cercle devient transparente, blanche ou noire selon le fond choisi.

Puis-je n'arrondir que les coins du haut ?

Oui. Dans le choix des coins, cochez Le haut seulement ou Le bas seulement. Les images arrondies en haut et droites en bas sont courantes dans les cartes : le bloc de texte placé dessous s'appuie sur le bord droit.

Dans quel format le résultat est-il téléchargé ?

Avec un fond Transparent, la sortie est toujours un PNG, car le JPG ne transporte pas la transparence. Avec Blanc ou Noir, une source JPG ressort en JPG et les autres formats en PNG. Le nom de fichier reçoit le suffixe -yuvarlak.

Puis-je l'utiliser pour une icône d'application ?

Oui pour la copie affichée sur votre site ou dans une présentation. Mais l'icône envoyée à l'App Store ou à Google Play doit rester carrée : le magasin la passe dans son propre masque, et un coin déjà arrondi peut y laisser une double découpe.