Coins d'image arrondis

Ajoutez une bordure de couleur choisie, masquez les coins extérieurs selon un rayon sélectionné et exportez un PNG avec des coins extérieurs transparents.

Quand cet outil est utile

Avatars, cartes, vignettes et ressources UI nécessitant une géométrie de coin cohérente.

Comment le traitement local fonctionne

Le navigateur étend la toile selon la largeur de bordure sélectionnée, remplit la bordure avec la couleur choisie, applique un masque externe en rectangle arrondi et exporte en PNG.

Comment l'utiliser

  1. Préparer la source: Avatars, cartes, vignettes et ressources UI nécessitant une géométrie de coin cohérente.
  2. Traiter localement: Le navigateur étend la toile selon la largeur de bordure sélectionnée, remplit la bordure avec la couleur choisie, applique un masque externe en rectangle arrondi et exporte en PNG.
  3. Télécharger et vérifier: Visualisez les coins sur des arrière-plans contrastés, inspectez les quatre bords à 200%, confirmez les dimensions et testez l'échelle UI cible.

Limitations importantes

La route exporte uniquement des PNG ; de grands rayons externes suppriment des pixels de coin, le masque utilise des bords de pixels nets plutôt qu'un antialiasing vectoriel, et les métadonnées sont supprimées.

Vérifier le résultat téléchargé

Visualisez les coins sur des arrière-plans contrastés, inspectez les quatre bords à 200%, confirmez les dimensions et testez l'échelle UI cible.

Privé par conception

Vos fichiers restent dans ce navigateur. L'outil n'envoie pas la source ni le résultat à nos serveurs.

Questions et réponses

Quand cet outil est-il utile ?

Avatars, cartes, vignettes et ressources UI nécessitant une géométrie de coin cohérente.

Que fait réellement le navigateur ?

Le navigateur étend la toile selon la largeur de bordure sélectionnée, remplit la bordure avec la couleur choisie, applique un masque externe en rectangle arrondi et exporte en PNG.

Quels limites dois-je comprendre ?

La route exporte uniquement des PNG ; de grands rayons externes suppriment des pixels de coin, le masque utilise des bords de pixels nets plutôt qu'un antialiasing vectoriel, et les métadonnées sont supprimées.

Comment devrais-je vérifier le résultat ?

Visualisez les coins sur des arrière-plans contrastés, inspectez les quatre bords à 200%, confirmez les dimensions et testez l'échelle UI cible.

Outils associés