Ajouter une bordure à une image
Ajoutez une bordure colorée, une marge intérieure, des coins arrondis et une ombre portée à toute image dans votre navigateur, avec fond extérieur transparent ou coloré.
S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.
Qu'est-ce que Bordure d’image ?
Cet outil encadre une image avec une bordure pleine de largeur et de couleur au choix, une marge intérieure facultative d’une autre couleur, des coins arrondis et une ombre portée douce. La zone à l’extérieur du cadre peut rester transparente (utile avec des coins arrondis et des ombres) ou être remplie d’une couleur de fond.
Comment utiliser Bordure d’image
- Déposez, choisissez ou collez une image.
- Réglez l’Épaisseur de la bordure et la Couleur de la bordure, et éventuellement la Marge intérieure avec sa couleur.
- Ajoutez un Rayon des coins et une Taille de l’ombre / un décalage si vous le souhaitez.
- Gardez Transparent autour de la bordure ou choisissez une couleur de fond, puis téléchargez (le PNG conserve la transparence).
Exemple
Image 40×20, bordure 20 px #ff00ff, sans marge, rayon 0
PNG 80×60 dont le pixel en haut à gauche est #FF00FF
Quand utiliser Bordure d’image
Utilisez-le pour faire ressortir des captures d’écran dans des documents, ajouter une bordure blanche « tirage » à des photos, ou créer des images arrondies et ombrées pour des publications sociales et des diapositives. Utilisez la sortie PNG pour garder des coins arrondis et des ombres transparents ; le JPEG les remplit de blanc.
Comment fonctionne Bordure d’image
Un nouveau canevas est créé, plus grand que l’image de deux fois la bordure plus la marge, avec de la place pour l’ombre. Un rectangle arrondi est rempli avec la couleur de bordure (avec les réglages d’ombre du canevas lorsqu’une ombre est activée), un rectangle arrondi intérieur est rempli avec la couleur de marge, et l’image est dessinée découpée dans le rectangle arrondi le plus intérieur : le rayon des coins s’applique donc aussi à la photo.
Cas d'utilisation courants
- Ajouter un cadre blanc à des photos pour une publication Instagram.
- Donner aux captures d’écran une fine bordure grise dans une documentation.
- Créer des images arrondies façon icône d’application avec une ombre.
- Ajouter une marge homogène autour d’images de produits.
Note de Sécurité
Les images sont décodées, traitées et encodées localement dans votre navigateur avec l’API Canvas. Rien n’est envoyé à un serveur.
Questions Fréquentes
Pourquoi mes coins arrondis sont-ils blancs ?
Le JPEG ne peut pas stocker la transparence. Choisissez PNG ou WebP comme format de sortie pour conserver coins et ombres transparents.
Comment la taille de sortie est-elle calculée ?
Largeur = largeur de l’image + 2 × (bordure + marge), plus un espace supplémentaire de chaque côté lorsqu’une ombre est activée. La hauteur se calcule de la même façon.
Puis-je utiliser une bordure semi-transparente ?
Les champs de couleur acceptent des couleurs HEX à 6 chiffres : les bordures sont donc opaques. Mettez la bordure à 0 et n’utilisez que la marge si vous voulez un cadre assorti à votre arrière-plan.