ThumbProof
Exporteer liggende thumbnails in 16:9, minstens 1280×720 pixels (het huidige helpcentrum raadt aan tot 3840×2160 te gaan), als JPG of PNG. Houd het bestand onder 2 MB zodat het ook vanaf een telefoon uploadt; via desktop kan tot 50 MB. Verticale Shorts-covers gebruiken 9:16, bij voorkeur 1080×1920 of groter. Check daarna het ontwerp op 168×94 pixels en houd de hoek rechtsonder vrij van tekst en gezichten, want daar staat de duurbadge.
De officiële cijfers in één tabel
Helppagina’s van platforms veranderen om de één à twee jaar, dus begin bij de bron. De huidige helpcentrumpagina over aangepaste thumbnails raadt aan de afbeelding “zo groot mogelijk” te maken, omdat hij ook als voorvertoning in de ingesloten speler wordt gebruikt. Er geldt een minimale breedte van 640 pixels voor liggende video’s en een minimale hoogte van 640 pixels voor verticale Shorts.
De uploadlimiet is het getal dat de meeste mislukte uploads veroorzaakt. Die hangt af van het apparaat: op telefoons is een videothumbnail beperkt tot 2 MB, terwijl uploads via desktop inmiddels veel grotere bestanden accepteren. Omdat veel makers hun video op de telefoon afmaken en uploaden, blijft 2 MB het veilige doel voor elke export.
“Gebruik een resolutie van 3840 x 2160 pixels voor video’s en 2160 x 3840 voor Shorts, met een minimale breedte van 640 pixels voor video’s en een minimale hoogte van 640 pixels voor Shorts.”
Add custom thumbnails — video platform help center · citaat vertaald uit het Engels
| Onderdeel | Liggende video | Verticale Short |
|---|---|---|
| Beeldverhouding | 16:9 | 9:16 |
| Aanbevolen formaat | 3840×2160 (1280×720 is de klassieke minimumstandaard) | 2160×3840 (1080×1920 is prima) |
| Minimum | 640 px breed | 640 px hoog |
| Formaten | JPG of PNG | JPG of PNG |
| Limiet, upload via mobiel | 2 MB | 2 MB |
| Limiet, upload via desktop | 50 MB | 50 MB |
Waarom 1280×720 nog steeds de werkstandaard is
Jarenlang was de gepubliceerde aanbeveling precies 1280×720 pixels, en dat blijft het meest praktische masterformaat. Het heeft genoeg detail voor een desktopfeed op volle breedte, het is een nette veelvoud van elk gangbaar weergaveformaat en een fotografische JPEG op dit formaat komt meestal uit tussen 150 en 450 KB, ruim onder elke limiet.
Naar 1920×1080 of 3840×2160 gaan is zinvol als dezelfde afbeelding wordt hergebruikt als grote voorvertoning in een ingesloten speler of op een tv, waar het beeld breed genoeg is om het extra detail te tonen. De keerzijde is het bestandsgewicht. Een 4K-JPEG op kwaliteit 85 is vaak 1,5 tot 4 MB, wat de mobiele limiet van 2 MB doorbreekt tenzij je comprimeert. Exporteer je in 4K, bewaar dan een kopie in 1280×720 of 1920×1080 voor uploads vanaf je telefoon.
| Exportformaat | Pixels | Typische JPEG (q85) | Typische PNG | Onder 2 MB? |
|---|---|---|---|---|
| 1280×720 | 0,92 MP | 150–450 KB | 0,8–2,5 MB | JPEG ja, PNG vaak niet |
| 1920×1080 | 2,07 MP | 300–900 KB | 2–5 MB | JPEG ja |
| 3840×2160 | 8,29 MP | 1,5–4 MB | 8–20 MB | Alleen met compressie |
De PNG-kolom is meestal de verrassing. PNG is verliesvrij, dus een fotoachtige thumbnail met verlopen en gezichten comprimeert slecht. Gebruik PNG alleen voor egale graphics met grote vlakken effen kleur, en JPEG (of naar JPEG omgezette WebP) voor al het andere.
Alle formaten waarop je thumbnail echt wordt getoond
Bijna niemand ziet je thumbnail op 1280×720. Responsieve lay-outs verkleinen hem tot hij past in het raster, op het telefoonscherm of in een smalle kolom naast de speler. De tabel hieronder toont de weergaveformaten die ThumbProof simuleert. Het zijn benaderingen van gangbare lay-outs, geen officiële cijfers, en ze schuiven een paar pixels mee met de schermbreedte, maar ze liggen dicht genoeg bij de werkelijkheid om leesbaarheid te beoordelen.
| Waar hij verschijnt | Geschat weergaveformaat | Deel van de 1280×720-master | Wat te checken |
|---|---|---|---|
| Groot desktopraster | 360×202 | 28% van de breedte | Titeltekst en gezichten nog scherp |
| Mobiele feed, volle breedte | ~360×202 (CSS-px) | 28% | De afbeelding domineert het scherm, dus detail helpt |
| Lijst met zoekresultaten | 320×180 / 246×138 | 19–25% | Concurreert met tekstfragmenten ernaast |
| Volgende / zijbalk | 168×94 | 13% | De zwaarste test: één onderwerp, weinig woorden |
| Playlist / kleine lijsten | 120×68 | 9% | Alleen vormen en kleuren overleven |
Op 168×94 is je 1280×720-master teruggebracht tot ongeveer 2% van het oorspronkelijke aantal pixels. Tekst die op het canvas 40 pixels hoog is, wordt ongeveer 5 pixels hoog en dus onleesbaar. Daarom is de vuistregel dat de kleinste belangrijke tekst minstens 90–110 pixels hoog is op een canvas van 720 pixels hoog.
Zo exporteer je een thumbnail die door elke check komt
- 01
Stel het canvas in
Maak een 16:9-document van 1280×720 of 1920×1080 (of 1080×1920 voor een verticale cover) in sRGB.
- 02
Markeer de safe zones
Zet hulplijnen op 78% van de breedte en 78% van de hoogte, plus een marge van 50 pixels. Houd tekst en gezichten uit de hoek.
- 03
Ontwerp voor 168×94
Zoom je editor uit tot ongeveer 13% en check of het onderwerp en het hoofdwoord nog duidelijk zijn.
- 04
Exporteer als JPEG q85
Gebruik sRGB, verwijder metadata en check de bestandsgrootte. Mik op minder dan 2 MB, liefst minder dan 1 MB.
- 05
Schaal of comprimeer zo nodig
Haal te grote bestanden door de resizer met de preset 1280×720 en “Houd het bestand onder 2 MB” aan.
- 06
Bekijk hem in een feed
Zet de export in de feedpreview en de safe-zone-checker voordat je uploadt.
Safe zones: de delen van het beeld die je kwijtraakt
De interface tekent over je afbeelding heen. Bij liggende video’s staat de duurbadge in de hoek rechtsonder, en bij video’s die de kijker deels heeft gezien kan langs de onderrand een rode voortgangsbalk verschijnen. Bij hover tonen desktopfeeds soms kleine iconen in de hoek rechtsboven, en sommige lay-outs starten na een moment een inline voorvertoning die de thumbnail volledig vervangt.
ThumbProof behandelt de rechter 22% van de breedte en de onderste 22% van de hoogte als de badgehoek. Houd tekst, gezichten en logo’s buiten die rechthoek. Houd de onderste 5% vrij van alles wat belangrijk is vanwege de voortgangsbalk, en laat rondom een marge van ongeveer 4% vrij, omdat sommige lay-outs de hoeken bijsnijden of afronden.
| Zone | Bedekt door | Op een canvas van 1280×720 | Regel |
|---|---|---|---|
| Hoek rechtsonder | Duurbadge | x > 1000, y > 560 | Geen tekst, gezichten of logo’s |
| Onderstrook | Voortgangsbalk | y > 684 | Niets essentieels |
| Hoek rechtsboven | Hover-iconen | x > 1150, y < 120 | Vermijd kleine details |
| Buitenmarge | Afgeronde hoeken, uitsneden | ~50 px aan elke rand | Houd tekst binnen |
Verticale covers en de wissel naar 4:5
Verticale covers hebben hun eigen uitsneden. De schermvullende speler toont het hele 9:16-beeld, maar het onderste derde wordt bedekt door het bijschrift, de kanaalnaam en het geluidslabel, en aan de rechterrand staan de knoppen om te liken, reageren en delen. Profiel- en schaprasters snijden de cover vaak vanuit het midden bij tot 4:5 of zelfs 1:1.
Eén detail uit het helpcentrum mis je makkelijk: bij verticale video’s met een aangepaste 16:9-thumbnail kan die op sommige startpagina’s en abonnementenpagina’s worden vervangen door een automatisch gegenereerd 4:5-frame. Is een video verticaal, geef hem dan een echte 9:16-cover en houd het onderwerp in de middelste 60% van de hoogte.
“Bij verticale video’s met aangepaste 16:9-thumbnails worden die vervangen door een automatisch gegenereerde 4:5-thumbnail op de startpagina, de verkenpagina en de abonnementenpagina.”
Add custom thumbnails — video platform help center · citaat vertaald uit het Engels
Instellingen voor formaat, kleur en compressie die werken
Exporteer in sRGB. Profielen met een breed gamut zoals Display P3 kunnen flets of oververzadigd ogen zodra een browser of app ze omzet. Schakel ingesloten metadata uit die je niet nodig hebt, dat scheelt een paar kilobyte, en vermijd CMYK-bestanden helemaal.
Voor JPEG ligt de ideale kwaliteit tussen 80 en 90. Onder de 75 zie je blokartefacten rond de randen van tekst en gezichten, precies waar kijkers kijken. Chroma-subsampling (4:2:0) kan dunne rode of blauwe tekst vervagen; is je tekst verzadigd en dun, exporteer dan in 4:4:4 of maak de lijnen dikker. Is een bestand groter dan 2 MB, verlaag dan eerst de kwaliteit voordat je de resolutie verlaagt, en ga voor een liggende thumbnail nooit onder 1280×720.
Uitgewerkt voorbeeld: een export van 6,8 MB repareren
Een maker exporteert een PNG van 3840×2160 direct uit een ontwerpapp. Het bestand is 6,8 MB, dus de upload vanaf de telefoon mislukt. De audit markeert ook de hoek rechtsonder, omdat het woord “FINAL” precies staat waar de duurbadge komt.
De oplossing kost drie stappen. Eerst omzetten naar JPEG op kwaliteit 85, waardoor het 4K-bestand ongeveer 2,6 MB wordt, nog te groot voor een telefoon. Daarna schalen naar 1920×1080, wat uitkomt op zo’n 780 KB zonder zichtbaar verlies op feedformaten. Ten slotte “FINAL” ongeveer 180 pixels naar linksboven verplaatsen. De hoekmeter wordt groen en het bestand uploadt vanaf elk apparaat.
| Stap | Formaat | Type | Bestand | Hoekcheck |
|---|---|---|---|---|
| Origineel | 3840×2160 | PNG | 6,8 MB | Druk |
| Omzetten | 3840×2160 | JPEG q85 | 2,6 MB | Druk |
| Schalen | 1920×1080 | JPEG q85 | 0,78 MB | Druk |
| Tekst verplaatsen | 1920×1080 | JPEG q85 | 0,79 MB | Vrij |
Veelgemaakte fouten met thumbnailformaten
Foto’s als PNG exporteren
Verliesvrije PNG-bestanden van foto’s zijn enorm. Gebruik JPEG voor alles met gezichten, verlopen of texturen.
De verkeerde verhouding gebruiken
Een 4:3- of 1:1-afbeelding krijgt balken of wordt bijgesneden. Exporteer altijd precies in 16:9 of 9:16.
Tekst onder de duurbadge
De hoek rechtsonder is op bijna elk scherm bedekt. Verplaats belangrijke tekst naar linksboven.
Alleen op volledig formaat beoordelen
Een ontwerp dat werkt op 1280×720 kan op 168×94 pap worden. Check altijd het kleinste formaat.
Een klein frame opschalen
Een screenshot van 640 pixels vergroten tot 1280 voegt waas toe, geen detail. Begin met een scherpe bron.
De mobiele limiet vergeten
Desktop accepteert 50 MB, maar de mobiele limiet van 2 MB bijt je op de dag dat je vanaf je telefoon uploadt.
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
Gezichten en blikvanger: één ding dat je niet kunt missen