MP4 o WebM: quale formato video esportare

Nella scelta MP4 o WebM, esporta in MP4 quando carichi il video in un posto che non controlli, come Instagram, TikTok, LinkedIn, la casella di posta di un cliente o un editor video, perché si riproduce quasi ovunque. Scegli il WebM per il tuo sito, dove spesso è più leggero a parità di qualità, e se possibile offri entrambi, così ogni browser sceglie quello che riproduce meglio. Questo copre la maggior parte delle decisioni. Il resto di questa pagina spiega perché, e i pochi casi in cui la risposta cambia.

Cosa sono davvero MP4 e WebM

Entrambi sono contenitori: scatole che racchiudono un flusso video, un flusso audio e qualche informazione su di essi. A decidere qualità e dimensione è il codec all’interno. L’MP4 di solito contiene video H.264 e audio AAC, a volte H.265 o AV1. Il WebM contiene video VP8, VP9 o AV1 con audio Opus o Vorbis. Il WebM è nato come formato aperto e libero da royalty per il web; l’MP4 è lo standard consolidato attorno al quale sono stati costruiti fotocamere, telefoni e software di montaggio.

Quale formato per i social

Esporta in MP4. Ogni grande piattaforma lo accetta e ogni piattaforma ricodifica ciò che carichi, quindi un WebM più leggero non ti dà alcun vantaggio una volta lì. Ciò che cambia davvero l’aspetto del video dopo il caricamento sono le dimensioni del fotogramma, la frequenza dei fotogrammi e la qualità del file che invii. Invia un MP4 pulito da 1080×1920 per Reel e storie, o da 1080×1350 per un post verticale nel feed, e la piattaforma non ha nulla da ridimensionare.

Per l’elenco completo dei formati per piattaforma, vedi dimensioni dei video per i social.

Quale formato per un sito web

Sul tuo sito controlli il player, quindi puoi offrire entrambi. Il browser legge gli elementi source in ordine e riproduce il primo che supporta. Metti il WebM per primo se il tuo file WebM è il più leggero dei due, e tieni l’MP4 come ripiego per i browser che non possono riprodurlo.

<video autoplay muted loop playsinline
       width="1920" height="1080" poster="loop-poster.jpg">
  <source src="loop.webm" type="video/webm">
  <source src="loop.mp4" type="video/mp4">
</video>

Misura prima di dare per scontato. Per alcuni clip, soprattutto molto brevi o molto semplici, un MP4 codificato bene è leggero quanto il WebM, e servire un solo file è più semplice. La guida di MDN ai codec video per il web è il riferimento per ciò che riproduce ogni browser. Se il clip è uno sfondo, sfondi video per i siti web tratta immagini poster, dimensioni e prestazioni.

Convertire tra MP4 e WebM

Se hai un formato e ti serve l’altro, lo strumento gratuito da riga di comando FFmpeg funziona in entrambe le direzioni. I comandi qui sotto sono punti di partenza ragionevoli per i loop progettati: senza audio, buona qualità e un MP4 che inizia a riprodursi prima di essere scaricato per intero.

# WebM to MP4 (H.264), ready for social uploads and the web
ffmpeg -i loop.webm -c:v libx264 -crf 20 -preset slow \
  -pix_fmt yuv420p -movflags +faststart -an loop.mp4

# MP4 to WebM (VP9), usually smaller for your website
ffmpeg -i loop.mp4 -c:v libvpx-vp9 -crf 32 -b:v 0 -an loop.webm

Gradienti, bande e qualità

I gradienti morbidi sono la cosa più difficile da comprimere. Ampie aree di colore che cambia lentamente fanno emergere ogni carenza di bit come gradini visibili, e i gradienti scuri lo mostrano per primi. Entrambi i formati se la cavano bene con un’impostazione di qualità generosa; nessuno con una taccagna. Un tocco di grana nel design aiuta molto, perché gli encoder conservano la texture anziché appiattirla in bande.

Le cause e le soluzioni per le immagini statiche sono in le bande nei gradienti. La versione animata aggiunge una regola in più: esporta alle dimensioni esatte in cui pubblicherai, così nulla viene ridimensionato due volte.

Dove entra la GIF

La GIF non è un formato video ed è la più pesante delle tre a parità di loop, con un limite di 256 colori che crea bande nei gradienti. Il suo unico punto di forza è l’email, dove la maggior parte delle caselle mostra le GIF e pochissime riproducono video. Il confronto a tre è in GIF o MP4, e l’arte di farne una buona è in GIF animate.

In Gradiently le esportazioni video sono una funzione Pro e escono in MP4 o WebM, a seconda di ciò che il tuo browser può registrare. In ogni caso ottieni il Mark in movimento dietro le tue parole fino a 1080p, pronto da caricare o incorporare. I dettagli sono in esportare immagini e loop.