Utilizzo delle immagini

Questo documento spiega come gestire, preparare e inserire correttamente le immagini all’interno dei manuali BookStack.

Dimensioni delle immagini

Le immagini devono rispettare alcune misure standard, in base al tipo di contenuto rappresentato:

Tipo di immagine	Larghezza (px)	Altezza (px)	Collegamento	Note
Schermate intere o molto dettagliate	350	proporzionale	✅	Usata per pagine, viste o layout completi
Dettagli di schermate (sezioni o pannelli)	250	proporzionale	✅	Usata per focus su parti di interfaccia
Icone o strumenti	24	24	❌	Usata per elementi come strumenti di misura, bottoni, simboli
Componenti UI (bottoni, caselle di testo, searchbar, snackbar, ecc.)	proporzionale	24	❌	Altezza fissa per garantire uniformità visiva

Importa le immagini con hyperlink da Figma in dimensione originale x2, formato png. Ridimensionale del formato corretto su BookStack. Importa le immagini senza hyperlink già nelle dimensioni corrette. (h24px)

Posizionamento nel testo

Le immagini devono sempre essere posizionate a seguito del testo di riferimento.
Le immagini devono essere separate da uno spazio sopra e sotto.
Non devono mai trovarsi sulla stessa riga del testo.
Una sola immagine per riga.

Esempi:

Per aggiungere un gruppo al progetto, clicca sul bottone Aggiungi.

Si apre la schermata di selezione dei gruppi.

Ricevi la mail di benvenuto
Dopo che la tua utenza è stata creata, riceverai una mail con un link per il primo accesso. Controlla la tua casella di posta, se non la trovi subito controlla anche la cartella spam.

Gestione e caricamento delle immagini

Tutte le immagini utilizzate nei manuali devono anche essere caricate nella cartella dedicata dello SharePoint UX UI → Assets:

📁 Manuali EagleArca Bookstack img

Nomi dei file

Ogni immagine deve avere un nome chiaro, breve e ordinato, secondo questa struttura:

Esempi:

1. mail di benvenuto.png
4. icona area cerchio.png

Inserisci come testo alternativo in BoockStack solo il nome (descrizione sintetica).