Outil image / 23

Image à coins arrondis

Arrondissez les coins de toute image avec des préréglages de plateformes ou un rayon précis, puis téléchargez un PNG transparent.

Image à coins arrondis: TOEA découpe l’image dans un rectangle aux coins arrondis sur un canevas, de sorte que les coins tombent hors du tracé et sont écrits dans le PNG comme des pixels entièrement transparents. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.

Catégorie
Outils image
Exécutions
Dans votre navigateur
Coût
Gratuit · sans inscription
Disponibilité
Prêt à l'emploi
Banc d’essai pour l’arrondi des coinsTraitement local

Fonctionne entièrement dans votre navigateur

S’applique à la prochaine exportation raster.
↥
Choisissez une image source carrée

PNG, JPG, WebP ou SVG · 1024 × 1024 ou plus grand donne les meilleurs résultats

Quand le CSS fait mieux le travail

Sur une page web, border-radius en CSS arrondit une image au moment de l’affichage, conserve le fichier dans le format le plus léger et permet de modifier ultérieurement le rayon sans rien réexporter. Les coins intégrés à l’image sont utiles dans les contextes sans CSS : présentations, documents, fiches de marketplace, publications sur les réseaux sociaux et e-mails, où l’application de bureau d’Outlook ignore border-radius. Une photo enregistrée en PNG de cette manière devient beaucoup plus volumineuse ; PNG vers WebP conserve les coins transparents pour une fraction de la taille.

Pas pour les icônes de boutique

N'envoyez pas une image déjà arrondie comme icône d'application. iOS et Google Play appliquent leur propre masque à un carré complet : des coins arrondis à l'avance laissent des liserés transparents ou foncés à l'intérieur de la forme du système. Les images aux coins arrondis conviennent aux icônes qui s'affichent comme des images ordinaires, sur un site web, dans une présentation ou une maquette ; pour les fichiers d'icône nécessaires à un projet d'application, le générateur d'icônes d'application exporte des carrés complets.

Comment l'utiliser

  1. Choisissez une image.
  2. Choisissez un préréglage tel que iOS app icon, ou définissez votre propre rayon.
  3. Téléchargez le PNG aux coins arrondis.

Confidentialité et limitations

L’image est arrondie localement et n’est jamais envoyée. Le résultat est toujours un PNG, car le JPG n’a pas de canal alpha pour garder les coins transparents.

Outils associés

Questions fréquentes

Quel rayon dois-je utiliser ?

Le préréglage iOS app icon utilise 22.37% de la largeur, ce qui correspond visuellement au masque de l’écran d’accueil ; macOS utilise 18.52%. Pour les cartes d’interface, le préréglage discret 6% est généralement plus proche de ce que vous voulez.

Les coins sont-ils vraiment transparents ?

Oui. Le résultat est un PNG avec un canal alpha, donc les coins laissent apparaître ce qui se trouve derrière eux plutôt qu’un carré blanc.

Est-ce que cela produit un vrai squircle Apple ?

Non. Il trace un rectangle aux coins arrondis avec un arc de cercle, très proche aux tailles usuelles mais différent de la forme à courbure continue d’Apple. iOS applique de toute façon son propre masque aux icônes d’app.

Puis-je arrondir une image non carrée ?

Oui. Le rayon est mesuré par rapport au côté le plus court et limité à sa moitié, de sorte qu’une image large s’arrondit en forme de pilule plutôt que de se casser.

Outil gratuit · dans votre navigateur exécutions · aucun compte requis