Une bordure fait plus de travail qu'il n'y paraît. Elle sépare l'image de ce qui l'entoure, ce qui compte quand une photographie aux bords sombres est posée sur une page sombre et s'y dissout simplement. Elle donne à un ensemble d'images une présentation cohérente, si bien qu'une grille de visuels produits paraît voulue plutôt qu'assemblée à la hâte. Et une généreuse bordure blanche est le plus ancien procédé de présentation qui soit : c'est ce que fait un passe-partout de galerie, et cela fait lire une image comme un objet pensé.
La bordure est ajoutée en agrandissant le canvas et non en rognant : rien de votre image n'est perdu. Une bordure de 16 pixels sur une photo de 1000 × 800 produit un fichier de 1032 × 832 avec l'original intact en son centre.
La bordure est dessinée localement dans votre navigateur. Les images ne sont pas téléversées pour être encadrées.
| Largeur de l'image | Bordure conseillée | Effet |
|---|---|---|
| Moins de 600 px | 8 px | Un bord net sans dévorer le cadre |
| 800 à 1200 px | 16 px | Nettement visible, mais sobre |
| 1500 à 2500 px | 32 px | Proportionnellement équivalent à 16 px sur un fichier plus petit |
| Plus de 3000 px | 64 px | La seule épaisseur qui se lise comme une bordure à cette échelle |
L'épaisseur est absolue et non proportionnelle : le même réglage donne un rendu totalement différent sur une vignette et sur une photographie en pleine résolution. Si vous appliquez un même style à un ensemble d'images de tailles diverses, ramenez-les d'abord à une largeur commune puis ajoutez la bordure.
Le blanc est le réglage par défaut pour une raison : il imite le passe-partout de galerie, sépare l'image de presque n'importe quel fond, et ne concurrence jamais le contenu. Le noir encadre bien les images lumineuses et donne aux photographies un poids cinématographique, mais disparaît sur une page sombre.
Une couleur de marque relie un ensemble d'images et vaut la peine pour les grilles produits et les publications sociales, mais gardez une épaisseur modeste : une large bande de couleur saturée détourne le regard de l'image qu'elle est censée présenter.
Non. Le canvas est agrandi et la bordure dessinée à l'extérieur : l'image d'origine est intégralement préservée au centre. Les dimensions de sortie augmentent du double de l'épaisseur.
Les options sont 8, 16, 32 et 64 pixels. Pour une autre épaisseur, appliquez la bordure deux fois : 32 puis 32 donne 64, et mélanger les couleurs produit un double encadrement.
Oui. Le sélecteur accepte n'importe quelle valeur : couleurs de marque et teintes personnalisées fonctionnent toutes.
Seulement si elles ont la même taille. L'épaisseur est en pixels absolus : 16 px est marqué sur une image de 600 px et presque invisible sur une de 4000 px. Ramenez d'abord à une largeur commune pour un ensemble cohérent.
La sortie PNG conserve son canal alpha, et la bordure elle-même est dessinée en couleur pleine. Notez que la bordure entoure le contenu visible plutôt que de passer derrière une zone transparente.
Non. Le canvas est agrandi et peint dans votre navigateur.