Outils lies
Pourquoi arrondir les coins?
Aspect moderne, bords adoucis, cartes et reseaux sociaux.
Avantages
- Look moderne: Aligne avec l'UI actuelle.
- Bords doux: Moins dur qu'un carre brut.
- Coherence: Meme rayon sur un jeu d'images.
- Reseaux: Avatars, cartes, vignettes.
- Finition: Rapide avant publication.
Fonctionnement
Un masque en rectangle arrondi decoupe l'image; hors courbe: fond ou transparence.
Etapes
- Chargement Donnees dans le navigateur.
- Rayon Quatre coins identiques.
- Masque On garde l'interieur arrondi.
- Fond Transparent ou couleur.
- Export PNG, JPEG ou WEBP.
Guide du rayon
Adaptez a la taille et a l'effet souhaite.
Valeurs de rayon
- Leger (5-10px) Adoucissement discret.
- Modere (10-20px) Bien arrondi, courant sur le web.
- Fort (20-40px) Arrondi marque sur grandes images.
- Tres fort (40px+) Proche d'une forme pilule sur petits formats.
Cas d'usage
Social, web, apps et boutiques.
Reseaux sociaux
Vignettes et posts au style doux.
Design web
Cartes et grilles avec rectangles arrondis.
UI mobile
Assets alignes avec les apps.
E-commerce
Tuiles produit au meme rayon.
Propulse par les API image du navigateur et le canvas.
Questions frequentes
C'est quoi le rayon de coin?
Distance ou commence la courbe; plus c'est haut, plus c'est rond.
Seulement certains coins?
Ici les quatre identiques; controle par coin ailleurs.
Quel fond?
PNG transparent pour flexibilite; couleur unie si vous connaissez le fond page.
Perte de qualite?
Decoupe geometrique; a l'interieur du coin, qualite source.
Plusieurs images?
Oui, memes reglages.
Rayon pour vignettes?
Petites images souvent 5-10px; plus grandes 10-20px ou plus.
Tous les formats?
Oui; PNG pour transparence; JPG sans transparence; WEBP peut en avoir.