Sociale media

YouTube thumbnail ontwerpen die de klik eerlijk verdient

Een thumbnail is een poster ter grootte van een postzegel. Zo maak je er een die op die grootte leest, bij je kanaal past en alleen belooft wat de video waarmaakt.

GradientlyGeverifieerd Gradiently-account··5 min lezen
Cover: Brick Fold · GR·33GQ·BS

De korte versie

  • Ontwerp YouTube-thumbnails op 1280×720 pixels, een vorm van 16:9, en controleer of ze nog lezen als ze zijn verkleind tot de grootte van een vingernagel.
  • Tekst op een thumbnail werkt het best met drie of vier woorden die iets toevoegen aan de titel van de video in plaats van die te herhalen.
  • Elke thumbnail heeft één duidelijke blikvanger nodig, zoals een gezicht, een object of een paar woorden, met sterk contrast tegen een eenvoudige achtergrond.
  • Een consistente seriestijl, met dezelfde lay-out, letters en kleurfamilie, laat kijkers jouw video’s herkennen op een volle pagina.
  • Een thumbnail hoort alleen te beloven wat de video waarmaakt; misleidende thumbnails kosten vertrouwen en kunnen tegen het beleid van YouTube ingaan.
Op deze pagina

Een goede YouTube thumbnail ontwerpen komt neer op lezen in één oogopslag: een afbeelding van 1280×720 met één blikvanger, hooguit drie of vier woorden, sterk contrast tegen een eenvoudige achtergrond, en een stijl die kijkers als de jouwe herkennen. En hij hoort eerlijk te zijn. De beste thumbnail doet een belofte die de video nakomt, zodat de mensen die klikken ook de mensen zijn die blijven.

Formaat en technische regels voor YouTube-thumbnails

De richtlijnen van YouTube zelf vragen om een afbeelding van 1280×720 in 16:9, minstens 640 pixels breed, als JPG, PNG of GIF onder 2 MB. Zie de helppagina van YouTube over thumbnails voor de actuele regels. YouTube thumbnail formaat behandelt de cijfers in meer detail; dit artikel gaat over wat erop komt.

Videothumbnail 1280×720

1280 × 720

Shorts-cover 1080×1920

1080 × 1920

De twee thumbnailvormen: 16:9 voor video’s, 9:16 voor Shorts. Ze hebben verschillende lay-outs nodig, niet één uitsnede.

Twee dingen liggen bovenop elke thumbnail. De lengte van de video verschijnt in de hoek rechtsonder, en een rode voortgangsbalk loopt langs de onderrand bij video’s die iemand deels heeft bekeken. Houd woorden en gezichten uit die hoek en van de onderste strook.

Ontwerp voor de kleinste grootte waarop hij verschijnt

Je ontwerpt op 1280 pixels breed, maar mensen zien thumbnails meestal veel kleiner: in een feed op een telefoon, in de lijst met voorgestelde video’s, op een tv aan de andere kant van de kamer. Detail verdwijnt, dunne letters vallen weg, en drie concurrerende elementen worden één vlek. De oplossing is elke thumbnail op zijn kleinst te beoordelen.

  1. 1

    Verklein hem

    Zoom uit op je canvas tot de thumbnail ongeveer zo breed is als je duim, of bekijk hem op je telefoon op armlengte.

  2. 2

    Zoek het ene ding

    Vraag je af wat je het eerst ziet. Is het antwoord niet de blikvanger die je had gekozen, maak dat element dan groter of vereenvoudig eromheen.

  3. 3

    Lees de woorden

    Kun je de tekst op die grootte niet lezen, gebruik dan minder woorden, een zwaarder gewicht of grotere letters.

  4. 4

    Controleer de hoeken

    Zorg dat de badge met de videoduur geen woord of gezicht bedekt.

  5. 5

    Vergelijk hem in context

    Zet hem naast andere thumbnails over jouw onderwerp. Hij moet eruit springen, niet erin opgaan.

Drie of vier woorden, maximaal

De titel staat direct onder de thumbnail, dus de thumbnail hoeft die niet te herhalen. Gebruik de woorden op het beeld om iets toe te voegen: het resultaat, de inzet, een getal, een contrast. Drie of vier woorden in een zwaar gewicht lezen op elke grootte; een volledige zin niet. Lettertypen voor social media noemt letters die klein standhouden.

VideotitelWoorden op de thumbnailWaarom het werkt
Hoe ik een fauteuil uit de jaren zeventig restaureerde40 uur laterVoegt de moeite toe die de titel weglaat
Aquarel voor beginners: luchtenMaar 3 kleurenMaakt de belofte concreet
Het eerste jaar van onze studio, eerlijkWat er misgingVoegt de spanning toe
Vier budgetmicrofoons getestWelke?Roept de vraag op die de video beantwoordt
Woorden op de thumbnail die iets toevoegen aan de titel in plaats van die te herhalen.
Aquarelluchten
Maar 3 kleuren
Gradiently · @gradiently

Drie woorden, zwaar en groot, weg van de hoek rechtsonder waar de badge met de videoduur staat.

Contrast, kleur en achtergrond

Thumbnails staan op de witte pagina van YouTube in de lichte modus en op de bijna zwarte pagina in de donkere modus, omringd door andere thumbnails. Verzadigde, zelfverzekerde kleur met een duidelijk contrast tussen licht en donker valt tegen beide op. Een eenvoudige achtergrond laat de blikvanger eruit springen; een drukke foto achter tekst laat hem verdwijnen. Moet tekst op een foto staan, dan heeft tekst op een afbeelding zeven manieren om hem leesbaar te maken.

Achtergronden met genoeg verzadiging en bereik tussen licht en donker om overeind te blijven tegen zowel de lichte als de donkere pagina van YouTube. Zet witte of bijna zwarte tekst op het deel met het meeste contrast.

Controleer het contrast op het echte vlak achter je woorden, niet op de gemiddelde kleur. De verhoudingen in kleurcontrast zijn een goede ondergrens, en thumbnails vragen meestal om meer dan het minimum.

Gezichten, objecten of tekst

Elk kan de blikvanger zijn; kies er één per thumbnail. Een gezicht werkt wanneer de video gaat over iemands reactie, ervaring of mening, en een echte uitdrukking leest beter dan een geforceerde. Een object werkt voor tutorials, reviews en maakvideo’s: laat het ding zien, groot en dichtbij. Alleen tekst werkt voor ideeën, lijstjes en uitlegvideo’s, en is het makkelijkst consistent te houden binnen een serie.

Een consistente seriestijl

Kanalen waar mensen naar terugkeren hebben meestal een herkenbare thumbnailstijl: hetzelfde lettertype, dezelfde plek voor tekst, dezelfde kleurfamilie, soms een klein serielabel. Zo herkennen kijkers je video’s op een volle startpagina. Branding voor contentmakers laat zien hoe je de hele look van je kanaal in een uur opzet.

Aquarelluchten · Afl. 4
Maar 3 kleuren
Gradiently · @gradiently

Aflevering vier.

Aquarelluchten · Afl. 5
Eén penseel, meer niet
Gradiently · @gradiently

Aflevering vijf: dezelfde lay-out, dezelfde ondergrond, nieuwe woorden. Herkenbaar in één oogopslag.

Eerlijke thumbnails waar toch op wordt geklikt

Een thumbnail die te veel belooft wint misschien een klik, maar kijkers die zich misleid voelen haken snel af en vertrouwen de volgende thumbnail minder. Het beleid van YouTube verbiedt ook thumbnails die kijkers misleiden over de inhoud van een video. Maak de belofte specifiek en waar, en laat het ontwerp het overtuigen doen.

Clickbait

  • Pijlen en cirkels die naar niets in de video wijzen
  • Een resultaat dat de video nooit laat zien
  • Geschokte gezichten die niets met de inhoud te maken hebben
  • Woorden die een wending suggereren die niet komt

Eerlijk en sterk

  • Het echte resultaat, groot in beeld
  • Een specifieke belofte die de video nakomt
  • Een echt moment uit de video
  • Woorden die de echte vraag inkaderen

Vragen die mensen stellen

Welk formaat moet een YouTube-thumbnail hebben?

1280×720 pixels in 16:9, minstens 640 pixels breed, als JPG, PNG of GIF onder 2 MB.

Hoeveel tekst mag er op een YouTube-thumbnail staan?

Hooguit drie of vier woorden, in een zwaar gewicht, die iets toevoegen wat de titel niet zegt.

Moet ik mijn gezicht op YouTube-thumbnails zetten?

Gaat de video over je reactie, ervaring of mening, dan helpt een echte uitdrukking. Voor tutorials en reviews werkt een groot, duidelijk beeld van het object vaak beter.

Waar zet je tekst op een YouTube-thumbnail?

Overal behalve in de hoek rechtsonder, waar de lengte van de video verschijnt, en op de onderste strook, waar de voortgangsbalk ligt.

Hoe maak ik mijn thumbnails herkenbaar?

Gebruik voor elke video één lay-out, één lettertype en één kleurfamilie, en varieer alleen de woorden en het hoofdbeeld.

Deel deze gids

Geschreven door GradientlyGeverifieerd Gradiently-account

Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.

Bekijk ons profiel