ThumbProof
Geef elke thumbnail één blikvanger die ongeveer 25–45% van het beeld beslaat. Is het een gezicht, snij dan strak bij zodat het gezicht minstens 10–15% van de afbeelding vult, toon één duidelijke uitdrukking en houd goed contrast rond ogen en mond. Plaats het in het linker of middelste derde, weg van de hoek rechtsonder, en bevestig met een knijptest en een detailheatmap dat het oog het als eerste vindt.
Waarom één blikvanger belangrijk is
Een feed is een raster van concurrerende beelden. Het oog springt er in snelle fixaties tussen heen en weer en stopt alleen waar iets duidelijk opvalt. Een thumbnail met één dominante vorm geeft het oog een landingsplek; een thumbnail met vijf gelijke elementen geeft niets om je aan vast te houden, dus het oog gaat door.
Onderzoek naar hoe mensen webpagina’s scannen beschrijft dit patroon: mensen lezen niet elk element, ze scannen naar signalen en slaan de rest over. Op 168×94 pixels is het effect sterker, omdat kleine details verdwijnen en alleen de grootste vorm met het meeste contrast overblijft.
“Gebruikers lezen webpagina’s vaak in een F-vormig patroon”
F-Shaped Pattern of Reading on the Web — Nielsen Norman Group · citaat vertaald uit het Engels
Hoe groot het gezicht of onderwerp moet zijn
Formaat is de allerbelangrijkste factor. Een gezicht dat 3% van het beeld vult, wordt op zijbalkformaat een paar pixels breed, te klein om een uitdrukking te lezen. ThumbProof waarschuwt als gevonden gezichten minder dan 4% van het beeld beslaan en beschouwt een drukste gebied van 5–60% als een gezond hoofdonderwerp.
| Gezichtsoppervlak (deel van beeld) | Op 168×94 | Uitdrukking leesbaar? | Oordeel |
|---|---|---|---|
| < 4% | Gezicht ~12 px breed | Nee | Te klein |
| 4–10% | ~20 px breed | Soms | Grensgeval |
| 10–25% | ~30–45 px breed | Ja | Goed |
| 25–45% | ~45–60 px breed | Duidelijk | Sterk |
| > 60% | Vult de kaart | Ja, maar geen ruimte voor context | Met beleid gebruiken |
Voor een onderwerp zonder gezicht, zoals een product, een gerecht of een resultaat, gelden dezelfde bereiken voor het silhouet van het object.
Uitdrukkingen die op klein formaat leesbaar zijn
Subtiele uitdrukkingen verdwijnen als een afbeelding wordt verkleind. Wijd open ogen, een open mond, opgetrokken wenkbrauwen en een duidelijk gekanteld hoofd overleven; een lichte glimlach of een nadenkende blik niet. Dat betekent niet dat elke thumbnail een overdreven gezicht nodig heeft, maar de uitdrukking moet op zijbalkformaat leesbaar zijn en passen bij de toon van de video.
Licht is net zo belangrijk als de uitdrukking. Fotografeer of bewerk zo dat het gezicht lichter is dan de achtergrond, met duidelijke schaduwen die ogen en mond aftekenen. Vlak licht van voren maakt gezichten op klein formaat tot lege ovalen.
- Duidelijke ogen en mond
- Gezicht lichter dan achtergrond
- Uitdrukking past bij de toon van de video
- Eén gezicht is sterker dan drie
Plaatsing: derden, blikrichting en de hoek
Plaats de blikvanger in het linker of middelste derde van het beeld. Zo blijft hij weg van de duurbadge rechtsonder en is er bovenin ruimte voor twee of drie woorden. Kijkt de persoon naar iets, zoals een object, de tekst of een resultaat, dan volgt het oog van de kijker vaak die blik, dus laat het onderwerp het beeld in kijken in plaats van eruit.
Zet het gezicht niet helemaal onderin, waar de voortgangsbalk en afgeronde hoeken het afsnijden, en zet geen tekst over ogen of mond.
| Positie | Goed voor | Let op |
|---|---|---|
| Linkerderde | Gezicht + tekst rechtsboven | Houd tekst uit de badgehoek |
| Midden | Eén object, symmetrie | Tekst moet erboven of eronder |
| Rechterderde | Leesrichting van tekst naar gezicht | Gezicht kan botsen met de badge |
Bouw en check een blikvanger in vijf stappen
- 01
Kies het onderwerp
Kies het ene gezicht, object of resultaat dat het verhaal van de video vertelt.
- 02
Snij strak bij
Vergroot tot het 25–45% van het beeld beslaat; bij gezichten minstens 10–15%.
- 03
Belicht en maak los
Maak het onderwerp lichter dan de achtergrond en voeg een rand of strijklicht toe.
- 04
Plaats het op een derde
Links of in het midden, het beeld in kijkend, vrij van de hoek rechtsonder.
- 05
Controleer
Doe de knijptest, open de detailheatmap en lees de onderwerprij in de uitsplitsing van de audit.
Hoe ThumbProof gezichten en onderwerpen herkent
Sommige browsers bieden een ingebouwde gezichtsdetector via de Shape Detection API. Is die beschikbaar, dan gebruikt ThumbProof hem lokaal om gezichten te tellen en te meten hoeveel van het beeld ze beslaan. Zo niet, dan schat de tool het hoofdonderwerp op basis van randdichtheid: hij verdeelt de afbeelding in een raster van 16×9, zoekt het grootste aaneengesloten gebied met veel detail en meldt welk deel van het beeld dat beslaat.
Beide methodes draaien volledig in je browser; er wordt geen afbeelding verstuurd. De schatting is een leidraad, geen oordeel. Een drukke achtergrond kan voor een randdetector op een groot onderwerp lijken, en daarom is de heatmapweergave nuttig: die laat precies zien waar het detail zit.
Als er geen gezicht is
Veel sterke thumbnails hebben helemaal geen persoon: een af product, een dramatische voor-en-na, een kaart, een grafiek met één opvallend getal. De regel is dezelfde, één onderwerp, groot, met contrast, maar de emotie moet uit compositie, kleur en woorden komen in plaats van uit een uitdrukking. Een voor-en-na-splitsing werkt het best als het verschil op 168×94 in grijstinten zichtbaar is.
Ondersteunende elementen zonder focus te verliezen
Eén blikvanger betekent niet één element. De meeste sterke thumbnails hebben één dominant onderwerp plus één ondersteunend element: een woord, een object, een pijl of een tweede, kleiner gezicht. Het ondersteunende element moet duidelijk kleiner zijn, ongeveer een derde tot de helft van het hoofdonderwerp, en ernaar terugwijzen via blik, positie of kleur.
Ook de achtergrond telt. Een vervaagde of donkerder gemaakte achtergrond duwt het onderwerp naar voren; een scherpe, gedetailleerde achtergrond concurreert ermee. Film je zelf, gebruik dan een groot diafragma of voeg vervaging toe bij het bewerken, en verlaag de helderheid van de achtergrond met 20–40% ten opzichte van het onderwerp.
| Element | Relatief formaat | Rol |
|---|---|---|
| Hoofdonderwerp | 100% | Waar het oog het eerst landt |
| Ondersteunend element | 30–50% | Voegt context of een wending toe |
| Achtergrond | Zacht, donkerder | Kadert zonder te concurreren |
Consistentie binnen een reeks
Publiceer je een reeks of een vast format, hergebruik dan de compositie: dezelfde kant voor het gezicht, dezelfde plek voor de tekst, dezelfde accentkleur. Terugkerende kijkers leren het patroon en herkennen je video’s sneller in een drukke feed. Verander per video de uitdrukking, het object en de woorden, maar houd het skelet.
Vermijd tegelijk dat je steeds dezelfde gezichtsopname gebruikt. Toont elke thumbnail dezelfde verbaasde blik, dan zien kijkers die niet meer als signaal. Leg tijdens elke opnamesessie meerdere uitdrukkingen vast en kies de uitdrukking die bij het verhaal van elke video past.
- Zelfde lay-outskelet voor een reeks
- Varieer uitdrukkingen en objecten
- Maak per video meerdere opties
Uitgewerkt voorbeeld: groepsfoto tegenover close-up
Een vlogthumbnail toont vier vrienden op een strand, klein in beeld, met een zonsondergang erachter. Elk gezicht beslaat ongeveer 1% van het beeld. De heatmap toont detail dat gelijkmatig over de horizon is verspreid, en de onderwerpschatting meldt 68%, wat betekent dat er geen enkele blikvanger is.
Het nieuwe ontwerp snijdt bij tot één lachende vriend, het gezicht beslaat 18% van het beeld, links geplaatst, met de zonsondergang als zachte achtergrond. De onderwerpschatting daalt naar 31% en het gezicht is op zijbalkformaat leesbaar.
| Maat | Groepsfoto | Close-up |
|---|---|---|
| Grootste gezicht | ~1% van beeld | 18% van beeld |
| Onderwerpschatting | 68% (verspreid) | 31% (duidelijk) |
| Knijptest | Geen duidelijke vorm | Gezicht valt op |
| Leesbaar op 168×94 | Nee | Ja |
Veelgemaakte fouten met de blikvanger
Te kleine gezichten
Wijde shots zien er op volledig formaat geweldig uit en zijn in de feed onleesbaar.
Meerdere gelijke onderwerpen
Drie even grote gezichten verdelen de aandacht. Maak er één dominant.
Tekst over het gezicht
Die verbergt het best leesbare element. Zet tekst ernaast.
Gezicht in de badgehoek
De duurbadge kan de kin of de ogen bedekken.
Vlak licht
Zonder schaduwen wordt het gezicht op klein formaat een lege vorm.
Uitdrukking die niet past
Een geschokt gezicht bij een rustige tutorial wekt de verkeerde verwachting.
Formaat, resolutie, bestandslimieten en safe zones van een videothumbnail
Checklist voor thumbnails met hoge CTR: 7 visuele principes die opvallen
Titelafkapping per apparaat: pixelbreedte, geen aantal tekens
Kleur en contrast van thumbnails: opvallen in donkere en lichte feeds
Tekst op thumbnails: hoeveel woorden, hoe groot en waar