ThumbProof
Usa al massimo da tre a cinque parole, spesso anche meno. Su una tela da 1280×720, fai in modo che la parola importante più piccola sia alta almeno 90–110 pixel in un sans serif semplice e in grassetto, con un rapporto di contrasto di 4,5:1 o più rispetto allo sfondo. Posiziona il testo nella parte alta o sinistra dell’inquadratura, lontano dall’angolo in basso a destra dove si trova il badge della durata, e verifica che sia leggibile a 168×94 prima di pubblicare.
Perché meno parole funzionano meglio
Uno spettatore che scorre un feed dedica a ogni miniatura una frazione di secondo. In quel tempo si coglie un volto, una forma e una o due parole, non una frase. Il testo che ripete il titolo spreca spazio; il testo che aggiunge un numero, un risultato o un colpo di scena dà allo spettatore un secondo motivo per cliccare.
C’è anche un problema di dimensioni. Ogni parola in più rimpicciolisce tutte le altre, perché la larghezza dell’inquadratura è fissa. Passare da tre a sette parole dimezza circa l’altezza delle lettere che puoi permetterti, e nella barra laterale questa è la differenza tra leggibile e invisibile.
Dimensione del testo: la regola dei 168×94
Nella barra laterale una miniatura da 1280×720 viene ridotta a circa il 13% della sua larghezza. Un testo alto 100 pixel sulla tela diventa alto circa 13 pixel a schermo, più o meno come il normale testo dell’interfaccia. Sotto i 9–10 pixel a schermo, la maggior parte delle persone non riesce a leggere le lettere a colpo d’occhio.
| Altezza delle lettere su tela 1280×720 | A 360×202 | A 168×94 | Leggibile a colpo d’occhio? |
|---|---|---|---|
| 40 px | 11 px | 5 px | No |
| 70 px | 20 px | 9 px | A malapena |
| 100 px | 28 px | 13 px | Sì |
| 140 px | 39 px | 18 px | Sì, facilmente |
Si tratta di altezze delle maiuscole di lettere in grassetto. Se il tuo font ha un’altezza della x piccola o tratti sottili, aggiungi un 20% per sicurezza.
Quante parole entrano a una dimensione leggibile
Con lettere alte almeno 100 pixel e una spaziatura normale, una tela larga 1280 pixel contiene circa 10–14 caratteri per riga, una volta lasciati i margini e tenuto libero il lato destro. Due righe di testo grande sono il massimo pratico prima che l’immagine stessa resti senza spazio.
| Parole | Layout tipico | Funziona per |
|---|---|---|
| 1 | Una parola o un numero enorme | Risultati, reazioni, numeri («0 €», «PERCHÉ?») |
| 2–3 | Una riga, grande | La maggior parte dei video |
| 4–5 | Due righe, grande | Confronti, affermazioni brevi |
| 6+ | Testo piccolo | Funziona di rado; spostalo nel titolo |
Font che sopravvivono al ridimensionamento
Scegli pesi bold o black di caratteri sans serif semplici, con forme aperte e un’altezza della x ampia. Evita i pesi sottili, i font condensati con occhielli stretti, i corsivi decorativi e i contorni senza riempimento. Lettere come e, a e s sono le prime a chiudersi quando l’immagine viene ridotta; i font con occhielli aperti le mantengono leggibili più a lungo.
Usa un contorno o un’ombra per separare il testo da un’immagine affollata. Un contorno scuro pari a circa il 6–10% dell’altezza della lettera funziona sulla maggior parte delle foto. Mantieni una spaziatura tra le lettere normale o leggermente ampia; una spaziatura stretta fa fondere le lettere a piccole dimensioni.
- Peso bold o black
- Altezza della x ampia, occhielli aperti
- Contorno pari al 6–10% dell’altezza della lettera
- Spaziatura normale o leggermente ampia
Progetta un testo leggibile per la miniatura in sei passi
- 01
Decidi cosa aggiunge il testo
Scrivi l’unico fatto o colpo di scena che l’immagine non può mostrare. Se non c’è, non usare testo.
- 02
Riduci a cinque parole o meno
Elimina articoli, riempitivi e tutto ciò che è già nel titolo.
- 03
Rendilo grande e in grassetto
Fai in modo che la parola importante più piccola sia alta almeno 100 px su una tela da 1280×720.
- 04
Aggiungi separazione
Usa un contorno, un’ombra o un riquadro finché il testo non supera un controllo di contrasto di 4,5:1.
- 05
Posizionalo in alto a sinistra
Tienilo fuori dal 22% destro e dal 22% inferiore dell’inquadratura.
- 06
Controlla a 168 pixel
Apri il verificatore di zona sicura alla larghezza di 168 px e leggi le parole senza zoom.
Dove posizionare il testo
Chi legge da sinistra a destra tende a scorrere a partire dall’alto a sinistra, e gli studi di eye-tracking sulle pagine web mostrano che le persone si concentrano sull’inizio delle righe e sul lato sinistro dei contenuti. L’alto a sinistra e l’alto al centro della miniatura sono quindi posizioni forti per le parole. L’angolo in basso a destra è il peggiore, perché il badge della durata lo copre quasi ovunque.
Lascia un margine di circa 50 pixel lungo i bordi su una tela da 1280×720 e tieni il testo fuori dal 22% destro e dal 22% inferiore dell’inquadratura. Non mettere il testo sul volto del soggetto; posizionalo accanto, in un’area di sfondo tranquilla.
| Area | Idoneità per il testo | Perché |
|---|---|---|
| In alto a sinistra | Ottima | Vista per prima, mai coperta |
| In alto al centro | Buona | Visibile, ma può scontrarsi con il soggetto |
| Centro sinistra | Buona | Inizio naturale della lettura |
| In basso a sinistra | Accettabile | Attenzione alla barra di avanzamento |
| In basso a destra | Da evitare | Coperta dal badge della durata |
Testo in altre lingue
Le parole in tedesco, francese e spagnolo sono spesso più lunghe che in inglese, quindi un testo inglese di tre parole può diventare due righe lunghe. Cinese, giapponese e coreano condensano molto significato in pochi caratteri, ma i caratteri complessi richiedono dimensioni ancora maggiori per restare leggibili: punta a 120 pixel o più sulla tela per i caratteri con molti tratti. Se localizzi le miniature, ricontrolla ogni lingua a 168×94 invece di dare per scontato che il layout inglese vada ancora bene.
Numeri, simboli ed emoji sulle miniature
I numeri sono tra le parole più efficaci su una miniatura perché sono brevi e precisi: «0 €», «30 GIORNI», «1 vs 100». Le cifre nei font in grassetto sono larghe e chiare e sopravvivono bene al ridimensionamento. Mantieni simboli di valuta e unità della stessa dimensione delle cifre, o poco più piccoli, ma mai minuscoli.
Simboli come frecce, punti interrogativi e segni di spunta possono sostituire le parole, ma ognuno aggiunge un elemento che compete per l’attenzione. Usane al massimo uno. Le emoji vengono rese dall’editor come immagini, quindi si riducono come qualsiasi altra grafica; una sola emoji grande può funzionare come reazione, ma diverse piccole diventano puntini colorati a 168×94.
- Meglio le cifre dei numeri scritti in lettere
- Al massimo un simbolo o una freccia
- Una sola emoji grande, mai una fila di emoji piccole
Testo, titolo e accessibilità
Il testo sull’immagine non può essere letto dagli screen reader né tradotto automaticamente, e non viene indicizzato come il titolo e la descrizione. È un motivo in più per tenerlo breve e mettere le parole importanti anche nel titolo, in forma più completa. Il testo della miniatura deve essere un gancio; il titolo deve essere l’affermazione chiara e ricercabile.
Pensa anche agli spettatori ipovedenti. Un testo grande, ad alto contrasto e in un font semplice aiuta tutti, non solo chi usa le impostazioni di accessibilità. Se il tuo pubblico guarda sulla TV, ricorda che la miniatura viene vista da tre metri di distanza; un testo leggibile a 168×94 su un telefono di solito è leggibile anche su una TV.
| Dove vanno le parole | Scopo | Lunghezza |
|---|---|---|
| Testo della miniatura | Gancio: un numero, un risultato o un colpo di scena | 1–5 parole |
| Titolo | Affermazione chiara e ricercabile | Gancio nei primi 40 caratteri |
| Descrizione | Contesto e parole chiave | Contano soprattutto le prime 1–2 frasi |
Esempio pratico: da nove parole a tre
La prima bozza di un recensore tech dice «HO USATO QUESTO PORTATILE ECONOMICO PER 30 GIORNI» lungo il bordo inferiore, a 64 pixel per farla entrare. A 168×94 le lettere sono alte 8 pixel e le ultime due parole finiscono sotto il badge della durata.
La seconda bozza sposta l’affermazione nel titolo e tiene «30 GIORNI DOPO» in alto a sinistra a 130 pixel con un contorno scuro. Nella barra laterale le lettere sono alte 17 pixel, l’angolo è libero e il controllo del testo dell’audit diventa verde.
| Bozza | Parole | Altezza lettere (tela) | A 168×94 | Angolo |
|---|---|---|---|---|
| Prima | 9 | 64 px | 8 px | Coperto |
| Seconda | 3 | 130 px | 17 px | Libero |
Errori comuni nel testo delle miniature
Scrivere una frase
Il testo lungo diventa piccolo e ripete il titolo. Resta tra tre e cinque parole.
Font sottili o calligrafici
Si sgretolano quando vengono ridotti. Usa un sans serif in grassetto.
Testo sotto il badge
L’angolo in basso a destra è coperto. Sposta il testo in alto a sinistra.
Nessun contorno sulle foto
Il testo senza separazione fallisce il contrasto nelle aree affollate.
Testo sul volto
Nasconde l’espressione, l’elemento più forte. Mettilo accanto al volto.
Non ricontrollare le traduzioni
Le parole più lunghe di altre lingue rompono il layout. Testa ogni versione.
Dimensioni, risoluzione, limiti dei file e zone sicure delle miniature video
Checklist per miniature ad alto CTR: 7 principi visivi che si fanno notare
Taglio del titolo per dispositivo: larghezze in pixel, non numero di caratteri
Colore e contrasto delle miniature: risaltare nei feed scuri e chiari
Volti e punto focale: rendere una sola cosa impossibile da non notare