Un bordo fa più di quanto sembri. Separa l'immagine da ciò che la circonda, cosa che conta quando una fotografia dai bordi scuri viene posata su una pagina scura e semplicemente vi si dissolve. Dà a un gruppo di immagini una presentazione coerente, così che una griglia di scatti di prodotto appaia voluta anziché raccogliticcia. E un generoso bordo bianco è l'espediente di presentazione più antico che esista: è ciò che fa un passe-partout da galleria, e fa leggere un'immagine come un oggetto pensato.
Il bordo viene aggiunto ampliando il canvas e non ritagliando, quindi nulla della tua immagine va perso. Un bordo da 16 pixel su una foto di 1000 × 800 produce un file da 1032 × 832 con l'originale intatto al centro.
Il bordo viene disegnato localmente nel browser. Le immagini non vengono caricate per essere incorniciate.
| Larghezza dell'immagine | Bordo consigliato | Effetto |
|---|---|---|
| Sotto i 600 px | 8 px | Un bordo pulito senza mangiarsi l'inquadratura |
| 800-1200 px | 16 px | Chiaramente visibile ma sobrio |
| 1500-2500 px | 32 px | Proporzionalmente simile a 16 px su un file più piccolo |
| Oltre i 3000 px | 64 px | L'unico spessore che si legga come bordo a questa scala |
Lo spessore del bordo è assoluto e non proporzionale, quindi la stessa impostazione appare completamente diversa su una miniatura e su una fotografia a piena risoluzione. Se applichi lo stesso stile a un gruppo di immagini di dimensioni diverse, portale prima a una larghezza comune e aggiungi poi il bordo.
Il bianco è l'impostazione predefinita per un motivo: imita un passe-partout da galleria, separa l'immagine da quasi ogni sfondo e non compete mai con il contenuto. Il nero incornicia bene le immagini luminose e dà alle fotografie un peso cinematografico, anche se scompare su una pagina scura.
Un colore di marca lega insieme un gruppo di immagini e vale la pena per griglie di prodotto e post social, ma mantieni lo spessore contenuto: una fascia larga di colore saturo distoglie l'occhio dall'immagine che dovrebbe presentare.
No. Il canvas viene ampliato e il bordo disegnato all'esterno, quindi l'immagine originale resta interamente conservata al centro. Le dimensioni in uscita crescono del doppio dello spessore del bordo.
Le opzioni sono 8, 16, 32 e 64 pixel. Per uno spessore diverso applica il bordo due volte: 32 e poi 32 dà 64, e mescolando i colori si ottiene una doppia cornice.
Sì. Il selettore accetta qualsiasi valore, quindi colori di marca e tinte personalizzate funzionano tutti.
Solo se hanno la stessa dimensione. Lo spessore è in pixel assoluti, quindi 16 px risalta su un'immagine da 600 px ed è quasi invisibile su una da 4000 px. Portale prima a una larghezza comune per un gruppo coerente.
L'uscita PNG mantiene il canale alfa e il bordo viene disegnato in colore pieno. Tieni presente che il bordo circonda il contenuto visibile anziché stare dietro a un'area trasparente.
No. Il canvas viene ampliato e dipinto nel browser.