Softonic

Coins arrondis d'image

Étape 1 / 3 Rayon des coins

Les systèmes d’exploitation, les magasins d’applications et les systèmes de design UI aiment tous les coins arrondis, icônes iOS, cartes Material, composants modernes de Tailwind. Téléchargez n’importe quelle image et cet outil arrondit les quatre coins au rayon que vous définissez, exporte en PNG avec des coins transparents, et applique éventuellement un rayon différent par coin pour des looks de ticket ou de bulle de dialogue.

Comment arrondir les coins d'une image

  1. 1

    Téléchargez une image

    JPG, PNG ou WebP.

  2. 2

    Choisissez un rayon

    En pixels ou en pourcentage du côté le plus court.

  3. 3

    Optionnel : différent par coin

    Arrondir uniquement les coins supérieurs (carte), ou asymétrique (ticket).

  4. 4

    Choisissez un fond

    Transparent (PNG) ou une couleur unie si vous enregistrez en JPG.

  5. 5

    Exporter

    Le PNG préserve l'alpha arrondi ; le JPG est aplati sur la couleur que vous avez choisie.

Choix de rayons pour des formes UI courantes

Préréglages de rayon

Forme Rayon
Carte UI subtile 4-8 px
Carte Material Design 4 px (ou 8 px en M3)
Icône d’application iOS 22,37 % du côté (le “squircle”)
Icône d’application macOS 18,75 % du côté
Bulle de Story Instagram 12-16 px
Avatar arrondi 50 % du côté court (entièrement circulaire)
Ticket Asymétrique, arrondir seulement un ou deux coins
Côté de la bulle de chat Un coin petit, le reste plus grand

Le problème du squircle

Les icônes iOS ne sont pas de simples rectangles arrondis, elles utilisent une « superellipse » qui est mathématiquement plus lisse à la transition. Les véritables squircles dépassent ce qu’un border-radius CSS ou un simple masque alpha peut rendre ; l’outil les approxime avec un rectangle arrondi d’ordre élevé qui paraît impossible à distinguer aux tailles d’icônes typiques.

Comportement de transparence

  • Sortie PNG est la valeur par défaut, les coins arrondis deviennent des pixels transparents. Utile pour les icônes d’application, les cartes UI, et partout où vous devez composer l’image sur un fond varié.
  • Sortie JPG ne peut pas être transparente. Les coins arrondis se remplissent d’une couleur que vous choisissez, donnant à la photo un aspect encadré.

Rayon différent par coin

Un look de bulle de chat : arrondir trois coins à 12 px et laisser un à 0 px (le coin où la “queue” se fixerait). Un ticket : deux coins aigus et deux arrondis. Les rayons asymétriques sont un moyen rapide de suggérer que l’image est attachée à quelque chose d’autre.

Anti-aliasing

Les courbes de coin sont dessinées avec un sur-échantillonnage 4x afin qu’elles paraissent nettes à des tailles de visualisation normales. Imprimé ou fortement zoomé, le rayon reste visiblement lisse.

Questions fréquentes

Apple utilise un squircle dont la courbure des coins est d’environ 22,37 % du côté de l’icône. Sur une toile de 1024 × 1024, cela représente environ 229 px de rayon de coin effectif, bien que les mathématiques exactes diffèrent légèrement d’un simple rectangle arrondi.

Oui. Le rayon est appliqué par coin indépendamment du rapport d’aspect de l’image. À des rapports extrêmes (très large ou très haut), définir le rayon à 50 % du côté court produit une forme de capsule.

Non, le JPG ne prend pas en charge la transparence. Exportez soit en PNG pour conserver l’alpha arrondi, soit choisissez une couleur de fond pour le JPG et les coins se rempliront de cette couleur.

Oui. L’outil n’ajoute qu’un masque alpha et ne redimensionne pas l’image. Si vous souhaitez combiner l’arrondi avec le redimensionnement, appliquez d’abord le redimensionneur.

Outils similaires

Sélecteur de couleurs Material Design

Parcourez la palette de couleurs Material Design. Copiez n'importe quelle teinte (50 à A700) en HEX, RGB ou HSL d'un simple clic.

Créateur de tier list

Créez une tier list privée avec textes et images locales, personnalisez les niveaux, classez au clavier ou par glisser-déposer et exportez.

Suppression d'objets

Marquez un petit élément gênant et remplacez-le par la moyenne des pixels voisins non masqués. Fonctionne localement dans le navigateur et fournit un PNG.

Créateur de dépliant 3 volets

Rédigez un dépliant privé à six panneaux dans votre navigateur, vérifiez les deux faces, choisissez un style puis imprimez chaque face depuis le navigateur.

Convertisseur PNG en JPG

Convertissez un PNG en JPG dans le navigateur. Aplatissez la transparence sur la couleur de fond voulue, gardez les dimensions et réduisez de nombreux PNG photo de 60-90 %.

Convertisseur ARW en JPG

Convertissez vos photos RAW Sony ARW en JPG. Obtenez un JPEG partageable et universellement compatible à partir de votre fichier RAW d'appareil photo, sans ouvrir Lightroom.

Outil disponible dans d’autres langues