Comprimere video per web e mobile – Alta qualità con dimensioni minime

Le basi della compressione video: formati, codec e impostazioni

Facciamo un rapido ripasso delle basi. Non perché vogliamo bombardarti di termini tecnici, ma perché questi concetti li troverai ovunque una volta che ti addentrerai nell'argomento.

Un formato video è composto da due parti: il container e il codec. Il container (ad es. MP4 o WebM) è come la scatola in cui è impacchettato tutto – video, audio, sottotitoli e metadati. Il codec determina come il contenuto visivo e sonoro viene effettivamente compresso.

Sui codec:

"Un formato di codifica video ... utilizza tipicamente un algoritmo standardizzato di compressione video" — Wikipedia

Il codec più utilizzato in assoluto è H.264, noto anche come AVC (Advanced Video Coding).

"Di gran lunga il formato più utilizzato per la registrazione, compressione e distribuzione di contenuti video, usato dall'84-86% degli sviluppatori dell'industria video" — Wikipedia

H.264 è lo standard per i video web perché offre buona qualità con file relativamente piccoli – e funziona praticamente su tutti i browser e dispositivi. Codec più recenti come H.265 o AV1 possono essere più efficienti, ma non sono supportati ovunque. E diciamocelo: se pubblichi un video sul web, vuoi che tutti possano vederlo, senza installare nulla.

Queste impostazioni determinano quanto sarà grande (o piccolo) il tuo video:

• Risoluzione: Full HD (1920x1080) è solitamente sufficiente. Il 4K è bellissimo ma crea file enormi.
• Framerate: 24-30 fps vanno bene nella maggior parte dei casi. Di più non aggiunge gran valore.
• Bitrate: Una delle leve più importanti. Bitrate più alto = qualità migliore = file più grande.
• Audio: 128 kbps stereo è spesso più che sufficiente e fa risparmiare molto spazio.

Se vuoi approfondire formati e codec, o non sei sicuro di cosa sia più adatto al tuo progetto, dai un'occhiata a questi due articoli:

Preparare i video per il web: le domande chiave da porsi

Prima di comprimere: queste domande fanno la differenza tra "discreto" e "perfettamente ottimizzato".

🔍 Dove viene incorporato il video?

Un video hero in homepage ha bisogno di un livello di qualità diverso rispetto a una piccola testimonianza nel footer. Più è visibile, più devi ottimizzare.

Esempio:

• Stai creando un breve video di sfondo in autoplay? → Una qualità bassa va benissimo.
• Incorpori un video in un riquadro piccolo senza schermo intero? → Non ti serve il 4K. Vai con 720p o anche 360p.

🌐 Come viene visualizzato?

La maggior parte dei tuoi utenti naviga da mobile o da Wi-Fi? Controlla le tue Analytics. È molto probabile che gran parte del traffico arrivi da mobile – il che significa che video pesanti sono da evitare.

🖼️ Hai davvero bisogno della qualità massima?

Per i video del brand, il Full HD può avere senso. Per contenuti FAQ, 720p è sufficiente. È sempre un compromesso tra resa visiva e tempo di caricamento.

🔇 L'audio è necessario?

La maggior parte dei video web viene riprodotta in muto. Se l'audio non serve, eliminalo. Risparmi spazio ed eviti spiacevoli sorprese con l'autoplay.

🧏 Ti servono funzioni di accessibilità?

Se sono richiesti sottotitoli o trascrizioni (ad es. nel settore pubblico), pianificalo prima della compressione. Non inserire i sottotitoli nel video: rendili attivabili/disattivabili tramite il Player. [Dettagli sui Player video accessibili]

📍 Dove è ospitato il video?

Sul tuo CMS, server proprio o piattaforma esterna? Questo determina se puoi supportare lo Streaming adattivo – oppure se dovrai creare manualmente più versioni.

Compressione video adattiva: perché una sola versione non basta

Molti pensano di aver bisogno di una sola versione perfetta: qualità discreta, file piccolo, fatto.

Ecco il problema: quella singola versione non funziona mai bene per tutti. A seconda del dispositivo e della connessione, anche un video "ottimizzato" può essere un disastro.

Esempio: Qualcuno con una connessione lenta in treno prova a caricare il tuo file 1080p. Nessuna possibilità. Qualcun altro con fibra ottica vede un'immagine sgranata perché hai compresso troppo.

Entrambe sono esperienze negative – ed entrambe danneggiano le performance.

La soluzione: compressione adattiva con più livelli di qualità. Il tuo video viene distribuito in diverse versioni, e il Player sceglie automaticamente la migliore in tempo reale in base alla velocità e alle dimensioni dello schermo. Le tecnologie di riferimento sono HLS (HTTP Live Streaming) o MPEG-DASH.

Vuoi approfondire? Dai un'occhiata a:

Comprimere video per siti web – Strumenti e workflow a confronto

Passiamo alla pratica:

Come si ottiene un video in un formato che si carica velocemente e ha comunque un aspetto professionale? Ecco tre opzioni, a seconda della tua configurazione e delle tue risorse.

🛠️ 1. Fai da te con strumenti desktop

Se gestisci pochi video e non hai bisogno di conversioni automatizzate, strumenti come HandBrake, FFMPEG o Adobe Media Encoder sono ottimi. Puoi regolare risoluzione, bitrate e impostazioni del codec, ed esportare un MP4 leggero con H.264.

Ideale per:

• Siti web più piccoli
• Progetti video occasionali

🧑‍💻 2. Workflow interni con preset

Se incorpori video regolarmente (ad es. come agenzia, redazione o reparto marketing), vale la pena creare preset di esportazione nel tuo software di editing. Combinali con upload automatici al tuo CMS e risparmierai tempo evitando errori.

Ideale per:

• Team di contenuti più grandi
• Produzione video regolare
• Qualità e branding costanti

☁️ 3. Piattaforme di Hosting video con ottimizzazione automatica

Usi una piattaforma video specializzata? Si occupa lei della parte tecnica: risoluzioni multiple, Streaming adattivo, Player responsivi – tutto automatizzato.

Ideale per:

• Siti web ad alto traffico
• Progetti focalizzati su UX, SEO e tempi di caricamento
• Team senza competenze video interne

La differenza chiave qui è se vuoi (o devi) sviluppare competenze di compressione internamente.

Con le opzioni 1 e 2, qualcuno deve sapere cosa sta facendo. Con l'opzione 3, chiunque nel team può incorporare video correttamente – il che toglie un bel peso.

Lo vediamo continuamente: durante un rilancio del sito, i video sono perfettamente ottimizzati. Ma qualche mese dopo, qualcuno carica un file da 200 MB in una sottopagina – e le performance crollano. L'automazione aiuta a evitare tutto questo.

Conforme GDPR e veloce – come Ignite ottimizza automaticamente i video web

In Ignite crediamo che un ottimo video web funzioni solo quando performance, privacy ed esperienza utente vanno di pari passo.

La nostra piattaforma gestisce tutta l'ottimizzazione tecnica per te – inclusa la compressione automatica in più livelli di qualità, HLS Streaming e integrazione Player responsiva. E poiché la privacy è integrata fin dall'inizio, non hai bisogno di cookie banner o script di tracciamento esterni.

Il risultato?

Carica il tuo video – al resto pensiamo noi.

Comprimere video per il web – le tue domande, con risposta

1. Qual è il miglior formato video per il web?

Nella maggior parte dei casi: MP4 con codec H.264. È supportato praticamente ovunque, su browser e dispositivi, e offre un ottimo equilibrio tra dimensione del file e qualità.

2. Qual è la differenza tra codec e container?

Il container (come MP4 o WebM) è il "contenitore" del tuo video. Il codec (come H.264 o H.265) è ciò che comprime effettivamente il contenuto visivo e audio al suo interno.

3. Quale risoluzione ha senso per i video web?

Per la maggior parte dei siti web, 1080p (Full HD) è più che sufficiente. Se vuoi risparmiare ancora più dati, 720p di solito va benissimo. Il 4K ha senso solo se i dettagli visivi sono fondamentali.

Consiglio pro: spesso meno è meglio. Rendi il tuo video grande solo quanto necessario.

4. Quanto posso comprimere un video senza perdere qualità?

Dipende dal contenuto: un video con una persona che parla può essere compresso molto più di una ripresa d'azione veloce. Regola generale: mantieni il bitrate il più basso possibile – ma alto quanto necessario. Per il 1080p, di solito si parla di 2.500–5.000 kbps.

5. Quanto dovrebbe pesare un video per il web?

Dipende – ma idealmente resta sotto i 10 MB per i video hero su mobile e sotto i 50 MB per clip più lunghe. Più importante della dimensione è: quanto velocemente parte la riproduzione?

6. Cos'è lo streaming adattivo (adaptive bitrate)?

Con lo streaming adattivo, il tuo video viene codificato in diverse versioni (ad es. 360p, 720p, 1080p). Il player sceglie quella giusta in base alla connessione dell'utente. Questo significa riproduzione fluida anche con reti deboli.

7. Posso ospitare i video autonomamente?

Tecnicamente sì – ma è complesso. Dovrai preparare manualmente più versioni, integrare un player e occuparti della conformità privacy. Piattaforme come Ignite fanno tutto questo per te.

[Scopri di più sulla differenza tra web hosting e video hosting →]

8. Quali strumenti sono adatti ai principianti?

Per iniziare: HandBrake (gratuito, con interfaccia grafica) o FFMPEG (potente, da riga di comando). Entrambi funzionano bene se sai cosa impostare. Se preferisci evitare la parte tecnica, una piattaforma di hosting professionale può fare tutto in automatico.

9. Quanto dovrebbe pesare un video per siti mobile?

I video brevi in autoplay negli header dovrebbero restare sotto i 10 MB. Per clip più lunghe nelle landing page, cerca di non superare i 50 MB – almeno per la prima versione caricata.

10. Cosa è meglio per i siti web – MP4 o HLS?

MP4 è semplice e funziona ovunque. Ma HLS (HTTP Live Streaming) offre più livelli di qualità e si adatta alla connessione dell'utente – ideale per performance e UX mobile. È più complesso, ma a lungo termine ne vale la pena.

[Scopri di più su HLS vs MP4 in questa guida →]

11. Posso comprimere più video contemporaneamente?

Sì – strumenti come HandBrake, FFMPEG e molti encoder professionali supportano l'elaborazione in batch. Ancora meglio: piattaforme come Ignite dispongono di potenti pipeline di encoding che gestiscono grandi volumi di video in diversi formati, in modo completamente automatizzato e ottimizzato per il web.

12. Perché il mio video è ancora lento, anche dopo la compressione?

La dimensione del file non è tutto. Se il tuo web server è lento, manca di caching o la connessione dell'utente è debole, la riproduzione sarà comunque in ritardo. Inoltre: se offri solo un file grande (ad es. 1080p), gli utenti su mobile avranno difficoltà. Usa la distribuzione adattiva per evitarlo.

13. Come posso migliorare il caricamento dei video su mobile?

Usa lo streaming adattivo (come HLS), fornisci risoluzioni più basse ed evita di impostare l'alta qualità come predefinita. Inoltre: non riprodurre automaticamente video pesanti. Una semplice immagine di anteprima si carica più velocemente ed evita banda inutile.

14. Posso comprimere o ottimizzare i video direttamente nel mio CMS?

Alcuni CMS o page builder offrono un'ottimizzazione video di base – come lazy loading o conversione automatica del formato. Ma di solito è limitata e non paragonabile a strumenti professionali o soluzioni di hosting dedicate.

15. Come influisce il framerate sulla dimensione del file e la qualità?

Framerate più alti (come 60 fps) significano più dati al secondo – e file più grandi. La maggior parte dei video web funziona benissimo a 24 o 30 fps. Solo contenuti con molto movimento (ad es. sport) possono richiedere di più.

16. Posso ricomprimere un video già compresso?

Tecnicamente sì – ma perderai qualità. Ogni passaggio di compressione riduce la nitidezza visiva, soprattutto se il bitrate era già basso. È meglio esportare correttamente fin dall'inizio o usare una piattaforma che crei automaticamente versioni ottimizzate.