Gli elementi multimediali sono tutti quei contenuti che arricchiscono una pagina web oltre al semplice testo. I più comuni sono immagini, video e audio, ma fanno parte di questa categoria anche animazioni, grafica vettoriale e altri contenuti interattivi. L'utilizzo degli elementi multimediali rende un sito più chiaro, coinvolgente e semplice da comprendere.
Le immagini sono gli elementi multimediali più utilizzati nei siti web. Nella lezione sulle immagini abbiamo visto come inserirle utilizzando il tag <img>. Grazie alle immagini è possibile mostrare fotografie, illustrazioni, loghi, icone, prodotti e molti altri contenuti visivi.
Nei primi anni del Web i browser erano in grado di visualizzare solamente il testo. L'introduzione delle immagini ha rappresentato un'importante evoluzione, rendendo i siti web molto più ricchi, intuitivi e piacevoli da utilizzare.
Esistono numerosi formati di immagine, ognuno con caratteristiche specifiche e adatto a situazioni diverse.
Il formato WEBP è oggi uno dei più utilizzati perché offre un'ottima qualità dell'immagine mantenendo dimensioni del file generalmente inferiori rispetto ai formati tradizionali. File più piccoli significano tempi di caricamento più rapidi e un minor consumo di banda, migliorando le prestazioni del sito web.
Un altro formato molto importante è SVG. A differenza delle immagini tradizionali, gli SVG sono immagini vettoriali e possono essere ingranditi o ridotti senza perdere qualità. Per questo motivo vengono utilizzati soprattutto per icone, favicon, loghi, grafici e illustrazioni.
Altri formati molto diffusi sono JPEG, ideale per le fotografie, e PNG, particolarmente adatto alle immagini con sfondo trasparente.
Anche i video sono elementi multimediali molto utilizzati nei siti web. Possono essere impiegati per presentare un prodotto o un servizio, spiegare il funzionamento di un'applicazione, mostrare una dimostrazione oppure rendere una pagina più dinamica e coinvolgente.
I video possono essere inseriti direttamente all'interno della pagina oppure incorporati da piattaforme esterne. Nella lezione sui video vedremo come aggiungerli correttamente e quali attributi utilizzare per controllarne la riproduzione.
Gli audio sono meno frequenti rispetto alle immagini e ai video, ma trovano applicazione in molti contesti, ad esempio nei siti dedicati alla musica, nei podcast, nei corsi online o nei videogiochi accessibili dal browser.
Per migliorare l'esperienza dell'utente, i browser moderni bloccano generalmente la riproduzione automatica dei contenuti audio con il volume attivo. In questo modo si evitano suoni indesiderati durante la navigazione. Nella lezione sugli audio vedremo come inserire file audio in una pagina HTML e come gestirne la riproduzione.
