# MP4 o WebM: quale formato video esportare [Canonical HTML page](https://gradiently.design/it/guide/mp4-vs-webm) Due contenitori, una manciata di codec e una domanda pratica: quale file consegni a Instagram e quale metti sul tuo sito. ## The short version - L’MP4 è il formato video più sicuro da esportare perché si riproduce su quasi ogni telefono, browser, editor e piattaforma social. - Il WebM è un formato aperto e libero da royalty, spesso più leggero dell’MP4 a parità di qualità, il che lo rende utile sui siti web. - Per i caricamenti sui social, esporta in MP4, perché le piattaforme lo accettano senza problemi e ricodificano comunque tutto. - Su un sito web, uno schema comune è offrire prima il WebM e l’MP4 come ripiego dentro un unico elemento video. - Il WebM può trasportare la trasparenza nei browser che la supportano, cosa che un normale MP4 con H.264 non può fare. 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. | Caratteristica | MP4 | WebM | | --- | --- | --- | | Codec video abituali | H.264, H.265, AV1 | VP8, VP9, AV1 | | Codec audio abituali | AAC | Opus, Vorbis | | Dimensione del file | Piccola | Spesso più piccola a parità di qualità | | Si riproduce su | Quasi tutto | Browser moderni; più a macchia di leopardo in app ed editor | | Caricamenti sui social | Accettato ovunque | Non accettato in modo affidabile | | Trasparenza | Non con H.264 | Sì, con VP9 nei browser che lo supportano | | Licenze | Alcuni codec hanno licenze con brevetti | Aperto e libero da royalty | Il quadro generale. Il supporto cambia nel tempo, quindi controlla il supporto attuale dei browser su caniuse prima di fare affidamento su un caso limite. ## 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. - Reel, storia, TikTok 9:16: 1080 × 1920 - Post verticale 4:5: 1080 × 1350 - Post quadrato 1:1: 1080 × 1080 - Orizzontale 16:9: 1920 × 1080 I formati che esporterai più spesso. Ognuno va caricato come MP4. Per l’elenco completo dei formati per piattaforma, vedi [dimensioni dei video per i social](https://gradiently.design/it/guide/social-video-sizes). ## 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. ```html ``` Prima il WebM, l’MP4 come ripiego. Il poster compare mentre il video si carica e per chi ha un browser che non riproduce nessuno dei due. 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](https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Video_codecs) è il riferimento per ciò che riproduce ogni browser. Se il clip è uno sfondo, [sfondi video per i siti web](https://gradiently.design/it/guide/video-background-website) 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. ```bash # 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 ``` Un CRF più basso significa qualità più alta e file più grandi. Togli -an se il video ha un audio che vuoi conservare. > **Perché yuv420p conta** Alcuni encoder producono file MP4 in un formato colore che telefoni e browser si rifiutano di riprodurre. Impostare `yuv420p` mantiene il file nel formato che tutti capiscono. ## 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. - Liscio: bitrate sufficiente: `linear-gradient(180deg, #0b1026 0%, #1e3a8a 55%, #60a5fa 100%)` - A gradini: encoder affamato: `linear-gradient(180deg, #0b1026 0% 20%, #13234f 20% 40%, #1e3a8a 40% 60%, #3f6fc4 60% 80%, #60a5fa 80% 100%)` Una vista esagerata delle bande. La soluzione è la stessa in MP4 e in WebM: più qualità, un po’ di grana e nessun ridimensionamento in più. Le cause e le soluzioni per le immagini statiche sono in [le bande nei gradienti](https://gradiently.design/it/guide/gradient-banding). 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](https://gradiently.design/it/guide/gif-vs-mp4), e l’arte di farne una buona è in [GIF animate](https://gradiently.design/it/guide/gif-maker-tips). ### Esporta in MP4 per - Instagram, TikTok, LinkedIn, X, YouTube - Invii a un cliente o a un montatore - Presentazioni e schermi che non controlli - Ogni volta che hai un dubbio ### Esporta in WebM per - Il tuo sito web, insieme a un MP4 - Sovrapposizioni che richiedono trasparenza nel browser - Pagine in cui conta ogni kilobyte - Strumenti nel browser che registrano nativamente in WebM 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](https://gradiently.design/it/guide/export-images-and-loops). ## FAQ ### Il WebM è meglio dell’MP4? Il WebM è spesso più leggero a parità di qualità ed è aperto e libero da royalty, ma l’MP4 si riproduce su molti più dispositivi e app. Per i siti web il WebM è una buona prima scelta con l’MP4 come ripiego; per tutto il resto l’MP4 è più sicuro. ### Posso caricare un WebM su Instagram o TikTok? Non contarci. Converti prima in MP4, che ogni piattaforma accetta, alle dimensioni esatte del formato in cui pubblichi. ### Safari riproduce il WebM? Le versioni recenti di Safari riproducono il WebM, ma il supporto è arrivato più tardi che in altri browser e ha variato per codec e dispositivo. Offrire un MP4 di ripiego evita il problema. ### Qual è più leggero, MP4 o WebM? Il WebM con VP9 o AV1 è spesso più leggero dell’MP4 con H.264 a parità di qualità, ma non sempre. Codifica entrambi e confronta i file reali. ### Quale formato supporta il video trasparente? Il WebM con VP9 può contenere un canale alfa che i browser compatibili mostrano. L’MP4 standard con H.264 non può.