Le immagini e la libreria media

La libreria media

La schermata Media riunisce tutti i file del sito: immagini, video, audio e documenti. I filtri Tutti, Immagini, Video, Audio e Documenti ti aiutano a orientarti.

Importare file

1. Apri Media.
2. Clicca su Importa, oppure trascina i file nella finestra.

I file vengono copiati nella cartella del sito: restano disponibili offline e partono con esso alla pubblicazione.

Un file rifiutato viene indicato per nome, con il motivo: un video di oltre 100 MB, ad esempio, va compresso prima dell’importazione.

Un documento importato (PDF, Word, Excel…) viene pubblicato con un indirizzo leggibile, ricavato dal suo nome, per esempio /media/relazione-annuale.pdf: più facile da condividere.

Inserire un’immagine in una pagina

Aggiungi un blocco Immagine o Galleria (digita /), poi clicca sull’area dell’immagine. Il selettore propone:

• Libreria: i tuoi media, con un pulsante Importa per aggiungerne uno senza lasciare la pagina;
• Banca immagini: foto libere da diritti, da usare gratuitamente (vedi sotto);
• Icone: una libreria di icone, con una ricerca che comprende le parole della tua lingua, con o senza accenti;
• a seconda del punto, URL esterno: un’immagine ospitata altrove.

La banca immagini

La scheda Banca immagini propone foto libere da diritti, fornite da Pexels, da usare gratuitamente sul tuo sito. Descrivi ciò che cerchi, nella lingua del sito: un clic su una foto la aggiunge ai tuoi media e la inserisce. In una galleria, ne scegli diverse in una volta. Il nome del fotografo appare al passaggio del mouse.

La banca immagini richiede una connessione a Internet e un'edizione a pagamento di TOWeb. Una volta aggiunte, le foto fanno parte del tuo sito, come quelle che importi.

Ritrovare un'immagine

Nella Libreria, la ricerca trova un'immagine dal suo nome o dal suo testo alternativo, senza tenere conto di maiuscole e accenti. Le immagini si ordinano dalle più recenti alle meno recenti o per nome, e il filtro Non usate mostra quelle che non sono inserite da nessuna parte nel sito. Il campo di ricerca è pronto appena si apre la finestra, e ⌘F (Ctrl+F su Windows) ti ci riporta. In una galleria, le immagini già scelte restano scelte quando cambia la ricerca.

Video e presentazioni

Per un video, aggiungi un blocco Media (digita /): il video appare con i suoi comandi, e lo stesso blocco accetta un video YouTube o Vimeo. Un video può anche fare da sfondo di una sezione: senza audio e in loop, dietro al testo (vedi Le sezioni). Su un sito tradotto, il blocco Media può mostrare un video YouTube o Vimeo diverso per ogni lingua: attiva Un video diverso per ogni lingua e incolla l’indirizzo di ogni lingua.

Quando scegli un video della libreria media, in un blocco Media o come sfondo di una sezione, la sua Immagine di copertina viene tratta dal video stesso: è ciò che vede il visitatore finché il video non parte. Per scegliere l’istante esatto, fai clic su Scegli dal video, trascina il cursore fino all’immagine voluta, poi fai clic su Usa questa immagine. Una copertina scelta a mano non viene mai sostituita.

Su un sito che mostra un banner dei cookie, un video YouTube, Vimeo o Dailymotion attende il consenso del visitatore, come richiede la legge: al suo posto, un messaggio indica il servizio e propone Mostra il video. Un video importato nella libreria media si vede sempre direttamente, e l’anteprima di TOWeb mostra tutto.

Scegli un video MP4, WebM o MOV. Un video in un formato che i browser non sanno leggere (AVI, WMV…) viene segnalato all’importazione: convertilo in MP4 (H.264), per esempio con il programma gratuito HandBrake, oppure pubblicalo su YouTube o Vimeo.

Il blocco Media riproduce anche l’audio (MP3, M4A o AAC, un podcast per esempio) con un lettore.

Per una presentazione di immagini, aggiungi un blocco Galleria, scegli la disposizione Carosello e attiva Scorrimento automatico se le immagini devono scorrere da sole. Ogni immagine del carosello può avere un Link: una pagina del sito, un indirizzo o un file.

Poi scegli il ritmo in Cambia immagine ogni: 3, 5 o 8 secondi (5 per impostazione predefinita).

Una versione per lingua

Su un sito tradotto, un media può avere una versione per ogni lingua: la brochure PDF in inglese, un’immagine il cui testo è in tedesco… Seleziona il media nella schermata Media, poi, in Versioni per lingua, clicca su Aggiungi accanto alla lingua e scegli il file, dello stesso tipo dell’originale.

Le pagine di quella lingua mostrano allora la sua versione ovunque il media sia usato: immagini, gallerie, file da scaricare, immagine di condivisione. Le altre lingue mantengono il file originale. Ripubblica il sito per mettere online le versioni.

Descrivere le immagini

Dai a ogni immagine un Testo alternativo: una breve descrizione, letta dagli screen reader e dai motori di ricerca. L’ottimizzatore della schermata Pubblica segnala le immagini che ne sono prive.

TOWeb non usa il nome del file come testo alternativo: un’immagine importata non ne ha finché non la descrivi.

Fare ordine

Seleziona un file per vederne le proprietà: tipo, dimensioni, peso e pagine che lo usano. Un media non usato in nessuna pagina viene segnalato: puoi eliminarlo senza rischi. Per eliminarne diversi, selezionali e clicca su Elimina.

Mantenere il sito leggero

Un’immagine di oltre 500 KB viene segnalata dall’ottimizzatore al momento della pubblicazione. Le immagini leggere si caricano più in fretta e pesano meno sul limite di 50 MB dell’edizione Standard.

Alla pubblicazione, TOWeb prepara ogni immagine per il web: la converte nel formato WebP, in più dimensioni, fino a 2.880 pixel di larghezza per gli schermi ad alta definizione (Retina). Ogni visitatore riceve la dimensione adatta al suo schermo: un telefono non scarica l’immagine pensata per un grande schermo. Non hai nulla da regolare, e i tuoi file originali restano intatti nella libreria multimediale.