Desideri che uno screenshot appaia più piccolo sul lato o che un diagramma si estenda per tutta la larghezza? Puoi controllare con precisione come vengono visualizzate le immagini nei tuoi articoli: dimensioni, allineamento e persino dettagli visivi come le ombre.
Aggiungi una direttiva alla didascalia della tua immagine
Apri l'immagine in Notion e scrivi una didascalia direttamente nel campo apposito. Qualsiasi testo tu aggiunga prima o dopo diventerà la didascalia visibile, mentre la didascalia stessa rimarrà nascosta ai tuoi lettori.
L'immagine viene visualizzata in formato ridotto e centrata. La didascalia visibile recita: Una piccola schermata centrata .
Imposta la larghezza
Il modo più semplice per controllare la larghezza è tramite un preset: small, medium, large o full.
<ndx: width="small" align="center" /> A small, centered screenshot
| Valore | Esempio |
|---|---|
small | <ndx: width=small /> |
medium | <ndx: width=md /> |
large | <ndx: width=lg /> |
full | <ndx: width=full /> |
Imposta l'allineamento
Una volta impostata la larghezza, probabilmente vorrai anche posizionare l'immagine. Usa align per posizionarla a sinistra, al centro o a destra all'interno della colonna dell'articolo.
| Valore | Esempio |
|---|---|
left | <ndx: align=left /> |
center | <ndx: align=center /> |
right | <ndx: align=right /> |
Aggiungi il tocco finale con effetti visivi
Due opzioni opzionali contribuiscono a dare alle immagini un aspetto più raffinato. shadow aggiunge una leggera ombra attorno all'immagine, mentre rounded le conferisce angoli arrotondati. Entrambe sono sottili ma fanno davvero la differenza, soprattutto per gli screenshot.
| Bandiera | Effetto |
|---|---|
shadow | Ombra tenue intorno all'immagine |
rounded | Angoli arrotondati |
Basta digitare il nome della bandiera per abilitarla:
Oppure, specifica chiaramente se desideri disattivarne uno:
Ecco come appaiono insieme ombra e angoli arrotondati:
Didascalia in Notion: <ndx: width=medium align=center shadow rounded />
Raggruppa tutto in un'unica direttiva
Non servono direttive separate per ogni opzione, basta inserirle tutte insieme in una sola. L'ordine non è importante.
<ndx: shadow rounded /><ndx: shadow=true rounded=false />
<ndx: width=medium align=center shadow rounded />