Le immagini sono il cuore visivo di un sito. Con SuperSite le carichi e le organizzi in un'unica libreria, le modifichi (anche con l'intelligenza artificiale) e le mostri sulle pagine come foto singole, slideshow o vetrine. Questa guida ti accompagna dalla libreria fino alla pubblicazione.
Carica e organizza le immagini con il Gestore dei file
Il Gestore dei file è la libreria centrale dove si trovano tutte le immagini e i documenti del sito. È integrato nell'editor: ogni volta che scegli un'immagine per una pagina, un prodotto o una sezione, si apre il gestore per selezionarla, caricarla o modificarla.
Dal gestore puoi:
• caricare foto e documenti dal computer, anche più file insieme trascinandoli nella finestra;
- organizzare tutto in cartelle e sottocartelle;
- cercare e filtrare i file per nome o per tipo (immagini o documenti);
- vedere, per ogni immagine, le informazioni principali e le pagine in cui è usata.
Prima di eliminare un file, il gestore controlla dove è usato: se è collegato a pagine o sezioni del sito, l'eliminazione viene bloccata finché non lo sostituisci. Allo stesso modo, una cartella si elimina solo quando è vuota. Così non rischi di lasciare immagini mancanti nel sito.
Modifica le immagini
Dal gestore apri l'editor integrato per sistemare un'immagine prima di usarla. Puoi ritagliarla (con formato libero, quadrato, 16:9 o circolare, oppure rimuovendo lo sfondo), ruotarla o rifletterla, applicare filtri fotografici e regolare esposizione, contrasto, saturazione e nitidezza. L'originale non viene mai sovrascritto: ogni modifica crea un nuovo file.
Modifica e genera con l'intelligenza artificiale
Puoi modificare un'immagine descrivendo a parole il risultato che vuoi, per esempio “rendi lo sfondo bianco uniforme”, oppure generare immagini nuove a partire da una descrizione. Le immagini create vengono salvate nel gestore. Le funzioni di intelligenza artificiale consumano crediti, il cui saldo è visibile nell'editor; la generazione può richiedere fino a circa un minuto.
Immagini gratuite da Pixabay
Dalla sezione Pixabay hai accesso a una libreria di immagini gratuite, già ottimizzate per il web. Cerca per parola chiave o per categoria, seleziona le immagini che ti servono e caricale nel gestore: da quel momento le usi come qualsiasi altro file.
Mostra un'immagine o uno slideshow
Il componente Immagine mostra una foto sulla pagina. Non esiste un componente slideshow separato: quando inserisci due o più foto, il componente diventa automaticamente uno slideshow, con avanzamento automatico, frecce di navigazione e lettore.
Aggiungi le foto dal computer, dal Gestore dei file o da un album Facebook. Ogni immagine passa dalla fase di posizionamento: la trascini per scegliere quale porzione mostrare nel riquadro. Il ritaglio non è distruttivo - l'originale resta sempre disponibile e puoi riposizionare la foto in qualsiasi momento con il pulsante Posiziona, oppure cambiarla con Sostituisci senza alterare l'ordine dello slideshow.
Puoi personalizzare l'aspetto scegliendo tra vari effetti di transizione, cornici e ombre. Usa lo stesso stile per tutte le immagini di una sezione, per un risultato coerente. Per uno slideshow automatico, da 3 a 6 immagini è la lunghezza ideale, con la foto più forte in prima posizione.
Puoi rendere l'immagine cliccabile collegandola a una pagina del sito, a un indirizzo esterno o a un indirizzo email. Il link funziona anche nello slideshow.
Crea una vetrina di immagini
La vetrina di immagini mostra una serie di riquadri affiancati, tutti uguali per dimensioni e stile, ognuno con un'immagine di sfondo, un testo sovrapposto (titolo e descrizione) e un link. È adatta a mettere in evidenza prodotti o servizi, a creare categorie o a valorizzare i lavori realizzati, guidando il visitatore verso le pagine più importanti.
Aggiungi le immagini dal computer o dal Gestore dei File. Per ognuna puoi impostare il testo alternativo (importante per i motori di ricerca), il link, il testo sovrapposto, le dimensioni, i bordi e l'ombra. Le impostazioni per mobile sono separate da quelle per desktop, così adatti la vetrina a ogni dispositivo.
Per un testo sempre leggibile, usa una barra di sfondo semi-trasparente (opacità 60–80%) con un testo di colore contrastante, e prepara le immagini con proporzioni simili (per esempio tutte 16:9 o tutte quadrate) per evitare tagli. Scrivi un testo alternativo descrittivo e specifico, per esempio “Poltrona in pelle nera modello Comfort-Pro” invece di “img001”: aiuta il posizionamento sui motori di ricerca e l'accessibilità.
Problemi comuni e soluzioni
L'immagine appare tagliata male.
Usa il pulsante Posiziona per caricare l'originale e ricentrare il soggetto, poi conferma. Nella vetrina, prepara immagini con proporzioni simili, per esempio tutte 16:9 o tutte quadrate.
Lo slideshow non scorre da solo.
Di solito il lettore è in pausa: premi play per riavviarlo. Controlla anche che ci siano almeno 2 immagini.
Il testo sovrapposto non è leggibile.
Aumenta l'opacità della barra di sfondo (70–80%) e usa un testo che contrasti con la barra, per esempio bianco su barra scura.
Non riesco a eliminare un file o una cartella.
Il file è ancora usato in qualche pagina: controlla l'elenco “Dove viene usata” e sostituiscilo prima. Una cartella, invece, si elimina solo quando è vuota.
La modifica con l'intelligenza artificiale non parte.
Serve credito sufficiente e il servizio attivo; il saldo è visibile nell'editor. La generazione può richiedere fino a circa un minuto.