Il componente Immagine consente di inserire fotografie, illustrazioni e altri contenuti visivi all’interno delle pagine di un sito realizzato con SuperSite. L’utilizzo di elementi grafici permette di rendere i contenuti più chiari e visivamente efficaci, supportando la comunicazione testuale.
L’integrazione di immagini ben posizionate contribuisce inoltre a migliorare la qualità estetica delle pagine e a rendere la navigazione più professionale e curata
Inserimento del componente nell’area di lavoro
L’inserimento del componente avviene tramite l’editor di progettazione di SuperSite, per aggiungere un’immagine alla pagina è necessario procedere come segue:
- accedere alla Barra degli elementi situata sul lato sinistro dell’interfaccia
- individuare e selezionare la categoria Media
- selezionare il componente Immagine e trascinarlo nell’area di lavoro utilizzando la funzione drag and drop
Gestione e sostituzione dei contenuti visivi
Dopo aver inserito il componente è possibile caricare una nuova immagine oppure sostituire quella esistente.
Per accedere alla gestione delle immagini è necessario selezionare il componente e utilizzare il comando Modifica immagine. Successivamente occorre cliccare sull’icona Cerca immagini, che apre la finestra di selezione dei file.
All’interno della finestra sono disponibili diverse modalità di caricamento:
- PC, consente di importare immagini presenti nella memoria locale del computer
- Immagini dell'Editor, permette di selezionare file già caricati nella libreria multimediale della piattaforma
- Cerca, consente di individuare immagini nel database fornito dai partner della piattaforma
Nel caso della funzione Cerca è possibile inserire una parola chiave nella barra di ricerca per filtrare i risultati e selezionare l’immagine desiderata.
Ottimizzazione delle dimensioni e del layout
Per garantire una corretta integrazione delle immagini nel layout della pagina è possibile intervenire sulle dimensioni del componente. Il ridimensionamento può essere effettuato manualmente trascinando i bordi dell’immagine oppure utilizzando le opzioni disponibili nel menu di configurazione.
Ridimensionamento Proporzionale
Per mantenere proporzionate le dimensioni dell’immagine durante il ridimensionamento è necessario tenere premuto il tasto Shift della tastiera mentre si trascinano i bordi del componente. Questa operazione consente di preservare il rapporto tra larghezza e altezza evitando deformazioni dell’immagine.
Durante il ridimensionamento è necessario rilasciare prima il pulsante del mouse e successivamente il tasto Shift, in modo da garantire il mantenimento corretto delle proporzioni.
Visualizzazione a schermo intero
Nel caso in cui si desideri estendere l’immagine su tutta la larghezza disponibile della sezione della pagina è possibile utilizzare l’opzione di larghezza completa, per attivare questa modalità è necessario:
- selezionare il componente con il tasto destro del mouse
- aprire il menu Dimensioni
- selezionare l’opzione Larghezza 100%
Questa impostazione consente di adattare automaticamente l’immagine allo spazio disponibile nella sezione della pagina, risultando particolarmente utile per banner, intestazioni o immagini di grande impatto visivo.