ThumbProof
Dai a ogni miniatura un punto focale che copra all’incirca il 25–45% dell’inquadratura. Se è un volto, ritaglia stretto in modo che occupi almeno il 10–15% dell’immagine, mostra un’unica espressione chiara e mantieni un buon contrasto attorno a occhi e bocca. Posizionalo nel terzo sinistro o centrale, lontano dall’angolo in basso a destra, e conferma con un test di sfocatura e una mappa di calore del dettaglio che sia la prima cosa che l’occhio trova.
Perché conta un unico punto focale
Un feed è una griglia di immagini in competizione. L’occhio salta dall’una all’altra con fissazioni rapide e si ferma solo dove qualcosa risalta chiaramente. Una miniatura con una forma dominante offre all’occhio un punto d’appoggio; una miniatura con cinque elementi equivalenti non gli dà nulla a cui aggrapparsi, e così passa oltre.
Gli studi su come le persone scorrono le pagine web descrivono proprio questo schema: non si legge ogni elemento, si cercano segnali e si salta il resto. A 168×94 pixel l’effetto è più forte, perché i piccoli dettagli spariscono e resta solo la forma più grande e più contrastata.
“Gli utenti leggono spesso le pagine web seguendo uno schema a F”
F-Shaped Pattern of Reading on the Web — Nielsen Norman Group · citazione tradotta dall’inglese
Quanto deve essere grande il volto o il soggetto
La dimensione è il fattore più importante in assoluto. Un volto che occupa il 3% dell’inquadratura diventa largo pochi pixel nella barra laterale, troppo piccolo per leggerne l’espressione. ThumbProof avvisa quando i volti rilevati coprono meno del 4% dell’inquadratura e considera una regione più densa tra il 5 e il 60% come un soggetto principale sano.
| Area del volto (quota dell’inquadratura) | A 168×94 | Espressione leggibile? | Giudizio |
|---|---|---|---|
| < 4% | Volto largo ~12 px | No | Troppo piccolo |
| 4–10% | Largo ~20 px | A volte | Al limite |
| 10–25% | Largo ~30–45 px | Sì | Buono |
| 25–45% | Largo ~45–60 px | Chiaramente | Forte |
| > 60% | Riempie la scheda | Sì, ma senza spazio per il contesto | Usare con cautela |
Per un soggetto che non è un volto, come un prodotto, un piatto o un risultato, gli stessi intervalli valgono per la sagoma dell’oggetto.
Espressioni che si leggono a piccole dimensioni
Le espressioni sottili spariscono quando un’immagine viene ridotta. Occhi spalancati, bocca aperta, sopracciglia alzate e una decisa inclinazione della testa sopravvivono; un leggero sorriso o uno sguardo pensieroso no. Questo non significa che ogni miniatura abbia bisogno di un volto esagerato, ma l’espressione deve essere leggibile nella barra laterale e coerente con il tono del video.
La luce conta quanto l’espressione. Riprendi o modifica in modo che il volto sia più luminoso dello sfondo, con ombre nette che definiscono occhi e bocca. Una luce piatta e frontale fa sembrare i volti ovali vuoti quando sono piccoli.
- Occhi e bocca ben leggibili
- Volto più luminoso dello sfondo
- Espressione coerente con il tono del video
- Un volto è più forte di tre
Posizionamento: terzi, sguardo e angolo
Posiziona il punto focale nel terzo sinistro o centrale dell’inquadratura. Così resta lontano dal badge della durata in basso a destra e lascia la parte alta per due o tre parole. Se la persona guarda verso qualcosa (un oggetto, il testo, un risultato), lo sguardo dello spettatore tende a seguirla, quindi orienta il soggetto verso l’interno dell’inquadratura e non verso l’esterno.
Evita di mettere il volto proprio in basso, dove la barra di avanzamento e gli angoli arrotondati lo tagliano, ed evita di mettere il testo sopra occhi o bocca.
| Posizione | Adatta per | Attenzione a |
|---|---|---|
| Terzo sinistro | Volto + testo in alto a destra | Tieni il testo fuori dall’angolo del badge |
| Centro | Un solo oggetto, simmetria | Il testo deve andare sopra o sotto |
| Terzo destro | Lettura dal testo verso il volto | Il volto può scontrarsi con il badge |
Crea e verifica un punto focale in cinque passi
- 01
Scegli il soggetto
Scegli il volto, l’oggetto o il risultato che racconta la storia del video.
- 02
Ritaglia stretto
Ingrandiscilo finché copre il 25–45% dell’inquadratura; per i volti, almeno il 10–15%.
- 03
Illumina e separa
Rendi il soggetto più luminoso dello sfondo e aggiungi un bordo o una luce di contorno.
- 04
Posizionalo su un terzo
A sinistra o al centro, rivolto verso l’interno, lontano dall’angolo in basso a destra.
- 05
Verifica
Fai il test di sfocatura, apri la mappa di calore del dettaglio e leggi la riga del soggetto nel dettaglio dell’audit.
Come ThumbProof rileva volti e soggetti
Alcuni browser offrono un rilevatore di volti integrato tramite la Shape Detection API. Quando è disponibile, ThumbProof lo usa in locale per contare i volti e misurare quanta parte dell’inquadratura coprono. Quando non lo è, lo strumento stima il soggetto principale dalla densità dei bordi: divide l’immagine in una griglia 16×9, trova la più grande area connessa ad alto dettaglio e ne riporta la quota dell’inquadratura.
Entrambi i metodi girano interamente nel browser; nessuna immagine viene inviata da nessuna parte. La stima è una guida, non un verdetto. Uno sfondo affollato può sembrare un grande soggetto a un rilevatore di bordi, ed è per questo che la vista della mappa di calore è utile: mostra esattamente dove si trova il dettaglio.
Quando non c’è un volto
Moltissime miniature efficaci non hanno nessuna persona: un prodotto finito, un prima e dopo spettacolare, una mappa, un grafico con un numero sorprendente. La regola è la stessa (un soggetto, grande, con contrasto), ma devi creare l’emozione con la composizione, il colore e le parole invece che con un’espressione. Un prima e dopo diviso funziona meglio quando la differenza si vede in scala di grigi a 168×94.
Elementi di supporto senza perdere il fuoco
Un unico punto focale non significa un unico elemento. La maggior parte delle miniature efficaci ha un soggetto dominante più un elemento di supporto: una parola, un oggetto, una freccia o un secondo volto più piccolo. L’elemento di supporto deve essere chiaramente più piccolo, da un terzo alla metà del soggetto principale, e deve rimandare a esso tramite lo sguardo, la posizione o il colore.
Anche lo sfondo conta. Uno sfondo sfocato o scurito spinge in avanti il soggetto; uno sfondo nitido e dettagliato gli fa concorrenza. Se giri il tuo materiale, usa un diaframma aperto o aggiungi sfocatura in montaggio, e abbassa la luminosità dello sfondo del 20–40% rispetto al soggetto.
| Elemento | Dimensione relativa | Ruolo |
|---|---|---|
| Soggetto principale | 100% | Dove si posa per primo lo sguardo |
| Elemento di supporto | 30–50% | Aggiunge contesto o un colpo di scena |
| Sfondo | Morbido, più scuro | Incornicia senza competere |
Coerenza in una serie
Se pubblichi una serie o un format ricorrente, riutilizza la composizione: lo stesso lato per il volto, la stessa posizione per il testo, lo stesso colore d’accento. Gli spettatori abituali imparano lo schema e riconoscono i tuoi video più in fretta in un feed affollato. Cambia espressione, oggetto e parole da un video all’altro, ma mantieni lo scheletro.
Allo stesso tempo, evita di usare sempre la stessa inquadratura del volto. Se ogni miniatura mostra la stessa espressione sorpresa, gli spettatori smettono di vederla come un segnale. Scatta diverse espressioni a ogni sessione di registrazione e scegli quella adatta alla storia di ciascun video.
- Stesso scheletro di layout per una serie
- Varia espressioni e oggetti
- Scatta più opzioni per ogni video
Esempio pratico: foto di gruppo contro primo piano
La miniatura di un vlog mostra quattro amici su una spiaggia, piccoli nell’inquadratura, con un tramonto alle spalle. Ogni volto copre circa l’1% dell’inquadratura. La mappa di calore mostra il dettaglio distribuito in modo uniforme lungo l’orizzonte e la stima del soggetto riporta il 68%, cioè non c’è un unico punto focale.
Il redesign ritaglia su un solo amico che ride, con il volto che copre il 18% dell’inquadratura, posizionato a sinistra e con il tramonto come sfondo morbido. La stima del soggetto scende al 31% e il volto è leggibile nella barra laterale.
| Misura | Foto di gruppo | Primo piano |
|---|---|---|
| Volto più grande | ~1% dell’inquadratura | 18% dell’inquadratura |
| Stima del soggetto | 68% (disperso) | 31% (chiaro) |
| Test di sfocatura | Nessuna forma chiara | Il volto risalta |
| Leggibile a 168×94 | No | Sì |
Errori comuni sul punto focale
Volti troppo piccoli
I campi lunghi sono bellissimi a dimensione piena e illeggibili nel feed.
Più soggetti equivalenti
Tre volti della stessa dimensione dividono l’attenzione. Rendine uno dominante.
Testo sul volto
Nasconde l’elemento più leggibile. Sposta il testo accanto.
Volto nell’angolo del badge
Il badge della durata può coprire il mento o gli occhi.
Illuminazione piatta
Senza ombre il volto diventa una forma vuota a piccole dimensioni.
Espressioni incoerenti
Un volto sconvolto su un tutorial tranquillo crea un’aspettativa sbagliata.
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
Testo sulle miniature: quante parole, quanto grandi e dove metterle