La safe zone della miniatura, superficie per superficie

Perché i numeri che trovi non concordano

Cerca la safe zone di una miniatura e ogni risultato ti darà un rettangolo diverso. Uno dice di tenere tutto dentro 1100 × 620, un altro dà un margine inferiore di 40 pixel, un terzo disegna il riquadro da tutt'altra parte.

Non concordano perché non c'è niente con cui concordare. YouTube documenta come deve essere il file di una miniatura — dimensioni, proporzioni, formati, limiti di peso, tutto nella guida su dimensioni e specifiche — e non dice nulla su quali parti dell'inquadratura coprirà la sua stessa interfaccia. Ogni cifra sulla safe zone in circolazione è la misurazione di qualcuno su un bersaglio in movimento.

Questo non rende l'idea inutile. Gli elementi dell'interfaccia sono stabili: stanno negli stessi angoli da anni, e dove stanno è osservabile. Qui sotto c'è la loro mappa, e una regola di lavoro espressa in percentuali invece che in pixel, così sopravvive sia a un cambio della tua tela sia a un restyling della loro. YouTube pubblica i requisiti del file — risoluzione, proporzioni, peso, formato — e assolutamente niente su cosa la sua interfaccia ci disegna sopra. Ogni numero di safe zone in circolazione, compresi quelli qui sotto, è la misurazione di qualcuno.

Cosa finisce davvero sopra la tua miniatura

Sopra una miniatura vengono disegnate quattro cose, e non sono ugualmente probabili.

Nota cosa non è in quell'elenco: titolo, nome del canale e visualizzazioni non sono sovrapposizioni. Stanno sotto o accanto alla miniatura e non la coprono mai — il che non significa che siano innocui, come spiega più sotto la sezione sul mobile.

L'angolo in basso a destra è quello che se ne va sempre

Il badge della durata è l'unico elemento su cui puoi contare ogni singola volta, ed è il motivo per cui l'angolo in basso a destra non è spazio utilizzabile.

La sua larghezza dipende dalla durata del video: cinque minuti danno un riquadro stretto, un'ora un riquadro più largo perché la stringa è più lunga. Quindi nemmeno l'area che si mangia è fissa, il che è un argomento per riservare con generosità invece che misurare con precisione. Riserva il quinto destro della larghezza e il sesto inferiore dell'altezza e sarai libero a qualunque durata.

È anche il punto in cui molti canali mettono il logo, e vale la pena dirlo chiaramente: un logo in basso a destra è un logo sotto un riquadro nero.

Il bordo inferiore, per chi è già passato di qui

La barra rossa di avanzamento compare lungo il fondo della miniatura per chi ha già guardato una parte del video. È sottile, ma corre per tutta la larghezza, e compare esattamente sul pubblico che più ti interessa riportare indietro: iscritti, persone che tornano dalla cronologia, chiunque si sia fermato a metà.

Non ti costa molto spazio. Ti costa il pochi per cento più in basso dell'inquadratura, ed è un buon motivo per non far finire una riga di testo proprio sul bordo inferiore, dove una barra rossa sotto le lettere discendenti rende l'ultima parola più difficile da leggere a dimensione di tessera.

I bordi, perché il ritaglio non è uno solo

Il rischio più grande non è nemmeno una sovrapposizione: è che l'inquadratura che hai disegnato non sia sempre quella che viene mostrata. Lo stesso file compare in una card della griglia desktop, in una card del feed mobile, in un risultato di ricerca, in una riga di video suggeriti, nella griglia del canale e su un televisore, e quelle superfici non trattano i bordi in modo identico.

Non puoi elencarlo con nessuna certezza, perché cambia con le versioni delle app e con le dimensioni degli schermi. Quello che puoi fare è smettere di considerare la fascia esterna dell'inquadratura come spazio di progetto. Tieni la composizione dentro il novanta per cento centrale e le differenze smettono di contare: qualunque cosa una data superficie tagli, taglia sfondo.

La regola di lavoro, e un template

Mettendo insieme le quattro cose viene fuori una regola che non dipende da un numero che YouTube non ha mai pubblicato. Su una tela da 1280 × 720:

• Da tenere libero — il quinto destro della larghezza per il sesto inferiore dell'altezza, per il badge della durata.
• Da tenere libero — lo stesso blocco in basso a sinistra, per i badge live e sottotitoli.
• Da tenere libero — il tre per cento inferiore, per tutta la larghezza, per la barra di avanzamento.
• Area sicura — il novanta per cento centrale in entrambe le direzioni assorbe le differenze di ritaglio fra le superfici.
• Testo e volti — l'ottanta per cento centrale per il settantasei, che è quello che resta una volta rispettato tutto il resto.

Due template a 1280 × 720 per controllare il tuo lavoro: un riferimento con le etichette e un overlay trasparente da mettere direttamente sopra un progetto nel tuo editor. Sotto sono entrambi percentuali, quindi scalano a qualsiasi tela.

Usare gli angoli che non puoi usare

Riservare quelle aree non vuol dire sprecarle. Il badge si posa su quello che c'è sotto, quindi la sola domanda è su cosa si posa comodamente.

Lì ci va lo sfondo: cielo, un muro, una parte sfocata della scena, una campitura piatta. Negli angoli bassi vuoi qualcosa che si legga uguale con o senza un riquadro nero sopra. Una sfumatura che si scurisce verso il basso funziona bene, e ha il vantaggio collaterale di far sembrare il badge della durata voluto invece che appoggiato lì.

Non ci va invece niente da cui dipenda la composizione: gli occhi del soggetto, il punto di arrivo di un gesto, la fine di un titolo, un logo. Se spostare uno di questi fuori dall'angolo ti sbilancia il layout, di solito è il segno che il layout era costruito per riempire il rettangolo e non per funzionare a dimensione di tessera.

Il titolo non la copre, ma si prende attenzione

Su mobile il titolo sta subito sotto la miniatura, in grassetto, quasi alla stessa larghezza. Non copre niente e cambia comunque il progetto, perché l'occhio legge la coppia come un blocco unico.

La conseguenza pratica è che il testo nel terzo inferiore della miniatura compete con il titolo per lo stesso sguardo, nella stessa posizione di lettura, quasi alla stessa dimensione. E se le parole della miniatura ripetono quelle del titolo, quella competizione è anche uno spreco: hai speso l'area più forte dell'inquadratura per dire una cosa che il lettore sta già per leggere.

Guardala alla dimensione a cui verrà vista

Tutte le regole qui sopra falliscono allo stesso modo nella pratica: vengono seguite su una tela al 100%, dove un angolo sembra enorme e un margine sembra sprecato, e poi il file viene pubblicato senza essere mai stato visto alla dimensione a cui apparirà davvero.

Una miniatura nella colonna dei video suggeriti è una frazione della larghezza a cui l'hai disegnata. A quella dimensione un soggetto spinto nell'angolo non è soltanto coperto: non era comunque leggibile. Mettere il tuo progetto dentro un feed vero, a dimensione vera, è il controllo che rende la safe zone evidente invece che teorica, e costa circa un minuto con il tool di anteprima.

Gli errori che ne derivano, per frequenza

Quasi ogni fallimento di safe zone è uno di quattro, e sono tutti rimediabili prima di pubblicare.

• Una parola del titolo finisce nell'angolo in basso a destra, quindi l'ultima parola sta sotto il badge della durata.
• Il logo del canale sta in basso a destra, coperto a metà per sempre.
• Un volto è tagliato così stretto contro un bordo che una superficie che rifila qualche per cento gli entra dentro.
• Il testo arriva fino al bordo inferiore, dove per chi torna la barra di avanzamento passa in mezzo alle lettere discendenti.

Gli Shorts sono un'inquadratura completamente diversa

Niente di quanto sopra si trasferisce agli Shorts. L'inquadratura è verticale, le superfici che mostrano la miniatura di uno Short non sono le stesse, e il ritaglio si comporta in un altro modo: viene tolto sopra e sotto, non agli angoli.

Se pubblichi entrambi i formati, trattali come due problemi diversi e non come un progetto ridimensionato. Il caso verticale è nella guida sulle miniature degli Shorts.

Le domande che si fanno tutti