Ajouter Bordure d'Image en Ligne

Ajoutez des bordures personnalisées aux images avec réglage couleur et largeur.

Ce que fait l'outil Ajouter Bordure

Ajouter Bordure agit directement sur le canevas, et non comme un filtre appliqué sur votre photo. L'outil charge l'image dans un canevas HTML en mémoire, dimensionné plus grand que l'original — la largeur et la hauteur du canevas augmentent chacune exactement du double de la valeur de Largeur de Bordure, une fois par côté — puis trace un cadre rectangulaire dans la Couleur de Bordure choisie tout autour de ce bord extérieur, avant de dessiner votre image source, à pleine résolution et sans altération, centrée dans ce nouvel espace. Les pixels de la photo elle-même ne sont en rien modifiés : l'outil ajoute de la matière autour d'elle plutôt que de la repeindre ou de la rééchantillonner. Le style Solide trace un seul trait continu sur toute la Largeur de Bordure. Le style Double divise cette même largeur en trois bandes à peu près égales — un anneau extérieur, un espace, et un anneau intérieur — en utilisant la même Couleur de Bordure pour les deux anneaux, ce qui donne un rendu classique d'encadrement, avec un fin espace vide révélé entre les deux lignes. Chacun de ces trois segments ayant besoin d'au moins un pixel pour s'afficher, l'effet double ne se lit comme deux lignes distinctes qu'à partir d'une largeur suffisamment généreuse, environ 15 px ou plus ; à des largeurs plus faibles, les segments se compressent et l'ensemble ressemble plutôt à un seul trait épais. La bordure est uniforme dans un sens précis : une seule valeur de Largeur de Bordure s'applique aux quatre côtés à la fois, et les coins restent toujours carrés, quelle que soit la forme de la photo elle-même — cet outil n'arrondit pas les coins, et ne propose aucun réglage pour une largeur différente par bord ou une marge asymétrique. La sortie conserve le type du fichier d'origine : une bordure ajoutée à un JPEG reste un JPEG, et une bordure ajoutée à un PNG reste un PNG, ce qui a son importance pour l'espace du style double : cet espace n'est rempli d'aucune couleur, il apparaît donc transparent sur un PNG mais noir uni sur un JPEG, le JPEG ne disposant pas de canal alpha.

Pourquoi utiliser Ajouter Bordure

Dans plusieurs cas d'usage courants, la bordure relève de la composition, pas de la simple décoration. Les photographes qui préparent un passe-partout pour l'impression ou un site portfolio ont besoin d'un cadre qui fasse partie intégrante de l'œuvre — une large marge blanche et régulière autour d'une photo, dimensionnée en pixels réels plutôt qu'approximée par un espacement dans un outil de mise en page. La préparation à l'impression est un cas voisin mais distinct : ajouter une marge de sécurité au pixel près avant qu'un fichier ne parte chez un imprimeur qui rogne à une taille fixe, afin que rien près des bords d'origine ne soit coupé. Le travail de marque et de catalogue en est un autre exemple — caler la Couleur de Bordure sur une valeur hexadécimale exacte pour qu'un lot de photos produit affiche toutes la couleur de cadre identique, plutôt qu'une teinte simplement approchante, un écart qui saute immédiatement aux yeux dans une grille de vignettes. Et comme l'outil accepte plusieurs fichiers en une seule passe, c'est le moyen le plus rapide d'appliquer la même largeur, la même couleur et le même style à toute une séance photo ou une galerie, plutôt que de répéter les trois mêmes réglages à la main sur des dizaines d'exports.

Correspondance hexadécimale exacte pour une cohérence de marque
Contrôle de la largeur au pixel près, de 1 à 50 px
Styles de cadre Solide ou Double
Traité localement, rien n'est importé

Comment ajouter une bordure

Le flux de travail se résume à quatre réglages et une action, le tout sur la page Ajouter Bordure.

1

Ouvrez l'outil Ajouter Bordure et ajoutez une ou plusieurs images — les mêmes réglages s'appliquent à chaque fichier ajouté.

2

Faites glisser Largeur de Bordure (1 à 50 px) pour définir l'épaisseur du cadre en pixels.

3

Définissez la Couleur de Bordure avec le sélecteur de couleur, ou collez un code hexadécimal de marque pour une correspondance exacte.

4

Choisissez le style Solide ou Double, puis appliquez — l'indicateur Traitement... s'affiche brièvement pendant que le canevas se génère et que l'image est redimensionnée pour s'ajuster au nouveau cadre.

Questions fréquentes

Le style Double divise la Largeur de Bordure en trois segments — un anneau extérieur, un espace, et un anneau intérieur — dont chacun a besoin d'au moins un pixel pour s'afficher. À faible largeur, ces segments se compressent les uns dans les autres et se lisent comme un trait unique plutôt que comme un cadre à double ligne. Réglez la Largeur de Bordure sur environ 15 à 20 px ou plus pour obtenir un cadre à double ligne visuellement distinct, avec un espace net entre les deux traits.
Ajouter Bordure ne trace qu'un cadre rectangulaire — les coins extérieurs de la bordure restent toujours carrés, même si les coins de la photo elle-même étaient déjà arrondis. Pour obtenir une combinaison bordure-et-photo aux coins arrondis, ajoutez d'abord la bordure, puis appliquez Coins Arrondis sur le résultat encadré : l'arrondi s'applique ainsi au bord extérieur du cadre, au lieu de laisser des coins de cadre carrés autour d'une photo déjà arrondie.
La Largeur de Bordure va de 1 à 50 pixels, par paliers de 1 px. Il s'agit d'une valeur en pixels fixe, pas d'un pourcentage de l'image, donc le même chiffre produit un rendu très différent selon la source : 20 px forme un bord discret sur une photo de 4000 px, mais un cadre épais sur une vignette de 300 px. Vérifiez le résultat sur l'image réelle plutôt que de réutiliser la même largeur sur des photos de résolutions très différentes.
Non. Le cadre est dessiné à l'aide de l'API HTML canvas directement dans votre navigateur : l'image est chargée dans un canevas en mémoire, la bordure est tracée tout autour, et le résultat est exporté localement vers un fichier. Rien n'est envoyé à un serveur, ce qui est possible ici car ajouter une bordure ne nécessite aucune IA ni traitement côté serveur, contrairement à des outils comme la suppression d'arrière-plan.
Non — Largeur de Bordure est une valeur unique appliquée identiquement aux quatre côtés. L'outil agrandit le canevas exactement du double de cette valeur, une fois par côté, et centre l'image d'origine dans ce nouvel espace : il n'existe donc aucun moyen de rendre un bord plus épais que les autres avec cet outil.
Cela ne recadre ni ne met à l'échelle le contenu de la photo. Le canevas est agrandi du double de la Largeur de Bordure dans les deux directions — une bordure de 20 px ajoute 40 px à la fois à la largeur et à la hauteur — et votre image d'origine est dessinée à pleine résolution à l'intérieur de ce canevas plus grand. Le sujet visible reste inchangé ; vous obtenez simplement une image finale plus grande.
Non. Couleur de Bordure utilise un sélecteur de couleur standard qui renvoie une valeur hexadécimale opaque, et le cadre lui-même est tracé comme un trait plein, sans aucun contrôle d'opacité pour la bordure. Pour une superposition teintée ou translucide, il vous faudrait un autre outil prenant en charge le canal alpha.
Oui — vous pouvez sélectionner plusieurs images, et une seule Largeur de Bordure, Couleur de Bordure et un seul style s'appliquent à tout le lot. La sortie conserve le format source, donc un JPEG reste un JPEG et un PNG reste un PNG. Cela compte particulièrement pour le style Double : l'espace entre les deux anneaux n'est rempli d'aucune couleur, il apparaît donc transparent sur un PNG mais s'affiche en noir uni sur un JPEG, le JPEG ne disposant pas de canal alpha.

Plus d'outils d'image

Explorez d'autres outils puissants pour vos besoins d'édition

Compresser Image

Réduire la taille

Redimensionner

Changer dimensions

Recadrer Image

Découper zone

Convertir Format

Changer format

Éditeur Photo

Éditer photos

Pivoter Image

Pivoter image

Retourner Image

Horizontal/Vertical

Ajouter Filigrane

Filigrane

Coins Arrondis

Ajouter coins arrondis

Filtres

Luminosité/Contraste

Flouter Visage

Masquer visages

Mosaïque

Flouter régions

Supprimer Fond

Supprimer fond

Améliorer Image

IA upscale

Ajouter Texte

Ajouter texte à l'image

Collage

Combiner plusieurs images

HTML vers Image

Web vers image

GIF en Séquence

Extraire frames

Supprimer les bords vides

Supprimer les bords vides

Renommer des images en lot

Renommer plusieurs fichiers en toute sécurité

Recadrage Circulaire

Recadrer des images en cercle

Noir et Blanc

Convertir des images en niveaux de gris

Diviser l'Image

Découper une image en grille

Fusionner les Images

Combiner des images en une seule

Changer le DPI

Définir les métadonnées DPI

Image en Base64

Encoder des images en Base64

Image vers PDF

Rassembler des images dans un PDF

HEIC vers JPG

Convertissez les photos HEIC de votre iPhone en JPG

Suppresseur EXIF

Consultez et effacez les métadonnées photo cachées, y compris la géolocalisation GPS

Générateur de Favicon

Jeu d'icônes complet + code HTML

Palette de couleurs

Extraire les couleurs d'une image

Base64 vers image

Décoder du Base64 en image

HEIC vers PNG

Convertir les photos HEIC de l'iPhone en PNG sans perte

Texte derrière l'image

Placer du texte derrière le sujet d'une photo, entièrement dans votre navigateur

Pipette à couleurs

Obtenir le HEX, le RGB et le HSL de n'importe quel pixel

Créateur de signature

Dessiner une signature et la télécharger en PNG transparent

Détourage de signature

L'encre du papier, sur fond transparent

Créateur de fond transparent

Rendre un arrière-plan transparent