Utilizzando l’Editor di testo e immagini puoi illustrare il contenuto del tuo testo attraverso immagini, creando articoli e pagine di presentazione visivamente interessanti.
Vi sono diverse opzioni per aggiungere un’immagine al tuo sito:
- Come elemento in linea tramite l’elemento Testo, dalla categoria Testo & Immagini
- Tramite l’elemento Immagine e testo, dove puoi aggiungere altre immagini come elementi in linea
- Come elemento Immagine singolo dalla categoria Testo & Immagini
È importante notare che, se aggiungi un’immagine tramite l’elemento Immagine, come nell’esempio precedente, non potrai affiancarle altri elementi di contenuto, come testo o video. Ciò non avviene con le altre due alternative.
Vi sono alcune opzioni per caricare le immagini desiderate:
- Trascinando immagini da cartelle locali o da altre pagine Web nel pannello delle proprietà.
- Selezionando file di immagine locali nel tuo computer, facendo clic all’interno dell’area di aggiunta immagine.
- Inserendo l’URL di un’immagine pubblicata su un altro sito. È sufficiente copiare l’indirizzo dell’immagine, incollarlo nel campo dell’URL e cliccare su Aggiungi immagine. Le immagini con un carattere di cancelletto (#) o di punto interrogativo (?) nel nome possono essere caricate solamente attraverso trascinamento oppure URL.
In alternativa, puoi selezionare la scheda Libreria immagini per attingere alla nostra ampia scelta di immagini disponibili.
Quando carichi un’immagine, questa sarà automaticamente impostata sulla dimensione predefinita. Puoi scegliere fra 3 dimensioni di immagine predefinite: piccola, media o grande, mantenere le dimensioni effettive, oppure definire dimensioni personalizzate. Pur essendo possibile ridimensionare un’immagine, il sistema mantiene l’immagine originale, così che possa essere modificata in seguito. Tutte le immagini ridimensionate appariranno su un display retina ad alta risoluzione con dettagli migliorati.
Se clicchi su un’immagine, si aprirà sulla destra un pannello di modifica con opzioni di personalizzazione, impostazione di dimensioni, bordi, stili di disposizione testo ed effetti.
Puoi cambiare l’immagine selezionata in qualsiasi momento, facendo clic sul pulsante Cambia. Scegli Modifica e l’immagine si aprirà in un editor esterno, in cui puoi effettuare modifiche di base sull’immagine, come ritaglia, capovolgi, ruota, ridimensiona, nonché alcuni effetti speciali.
Le opzioni predefinite ti permettono di impostare dimensioni personalizzate dell’immagine specificando la larghezza e l’altezza desiderate. Quando modifichi le dimensioni, consigliamo di cliccare sull’icona del lucchetto per bloccare le proporzioni dell’immagine ed evitare distorsioni. Ad esempio, quando modifichi la larghezza, l’altezza verrà regolata proporzionalmente, per garantire che il rapporto e la prospettiva rimangano gli stessi dell’immagine originale. Per riportare un’immagine alle dimensioni originali, clicca sul link Azzera.
Quando si modificano le dimensioni di un’immagine nell’editor, le nuove dimensioni verranno applicate all’immagine solo visivamente, quando il browser carica la pagina, ma il file dell’immagine manterrà le dimensioni originali. Per ottimizzare le immagini più grandi e velocizzarne il caricamento, consigliamo di ridimensionarle con un programma esterno di editing di immagini prima di caricare il file nell’Editor di testo e immagini.
Il campo Didascalia Passaggio-mouse ti permette di specificare un testo descrittivo relativo all’immagine, che apparirà quando un utente passerà il cursore sull’immagine. Le didascalie al passaggio del mouse sono importanti anche per la corretta ottimizzazione del tuo sito per i motori di ricerca. Consigliamo quindi di aggiungerle alle immagini chiave nelle tue pagine.
Per modificare ulteriormente l’immagine, puoi applicare un effetto immagine, che sarà visibile una volta salvata la modifica, cliccando all’esterno dell’elemento modificato.
L’impostazione di un allineamento dell’immagine e l’aggiunta di un link all’immagine sono alcune delle altre opzioni disponibili. Se selezioni l’icona per aggiungere un link, apparirà il sotto-menu seguente nella parte inferiore del menu a destra.
Puoi regolare la spaziatura intorno all’immagine in relazione al contenuto aggiuntivo dell’elemento specificando la spaziatura interna superiore, inferiore, sinistra e destra in pixel.
Puoi aggiungere un bordo alle immagini specificando la larghezza del bordo in pixel e selezionando il colore desiderato. Clicca sull’icona Colore bordo per aprire una casella degli strumenti dei colori, dove puoi applicare o rimuovere il colore del bordo.
L’opzione Immagine Passaggio-mouse ti consente di aggiungere un elemento di interattività al sito e anche di indicare che accadrà qualcosa se si clicca sull’immagine. Ciò può essere utile se hai aggiunto un link all’immagine.
Puoi creare un’immagine al passaggio del mouse ed effetti di transizione caricando un secondo file di immagine sotto l’opzione Immagine Passaggio-mouse. Una volta caricata l’immagine al passaggio del mouse, puoi selezionare da un elenco una transizione da utilizzare tra le due immagini.
Gli effetti Dissolvenza in entrata e Dissolvi sembrano a prima vista molto simili, ma c’è una differenza significativa quando vengono applicati a immagini con parti trasparenti. Con Dissolvenza in entrata, l’immagine normale rimane, mentre l’immagine al passaggio del mouse appare sopra in dissolvenza e le due immagini vengono combinate. Con Dissolvi, l’immagine normale scompare gradualmente, mentre l’immagine al passaggio del mouse appare sopra in dissolvenza.
A seconda delle dimensioni dell’immagine selezionata, vi sono controlli che ti consentono di modificare le immagini direttamente nell’Editor di testo e immagini. Puoi facilmente ritagliare un’immagine e ingrandire un’area specifica di un’immagine senza utilizzare altri strumenti. Il risultato sarà disponibile immediatamente per la visualizzazione e nel contesto della pagina. Questa funzionalità si applica anche alle immagini al passaggio del mouse. La funzionalità di ritaglio e zoom dell’immagine è disponibile quando sono attivate le Opzioni avanzate e l’immagine di origine è più grande dell’immagine visualizzata.
Se clicchi su un’immagine di dimensioni superiori a quelle visualizzate, verrà visualizzata una barra di scorrimento per lo zoom, che ti permette di ingrandire e rimpicciolire l’immagine, e potrai trascinarla e posizionarla entro le dimensioni specificate. In questo modo è facile concentrarsi su un’area specifica, come mostrato nell’esempio. Se selezioni un’immagine con una variazione al passaggio del mouse, verrà visualizzata l’icona di un interruttore nell’angolo in alto a destra. Clicca sull’icona per attivare le opzioni di modifica complete per l’immagine visualizzata al passaggio del mouse.