# YouTube Thumbnail Design, das ehrlich zum Klick führt

[Canonical HTML page](https://gradiently.design/de/guide/youtube-thumbnail-design)

Ein Thumbnail ist ein Plakat in Briefmarkengröße. So gestaltest du eines, das in dieser Größe lesbar bleibt, nach deinem Kanal aussieht und nur verspricht, was das Video hält.

## The short version

- Gestalte YouTube Thumbnails mit 1280×720 Pixeln im Format 16:9 und prüfe, ob sie noch lesbar sind, wenn sie auf die Größe eines Fingernagels schrumpfen.
- Text auf dem Thumbnail wirkt am besten mit drei oder vier Wörtern, die den Videotitel ergänzen, statt ihn zu wiederholen.
- Jedes Thumbnail braucht einen klaren Blickfang, etwa ein Gesicht, einen Gegenstand oder ein paar Wörter, mit starkem Kontrast vor einem ruhigen Hintergrund.
- Ein einheitlicher Serienstil mit demselben Layout, derselben Schrift und derselben Farbfamilie sorgt dafür, dass Zuschauer deine Videos auf einer vollen Seite wiedererkennen.
- Ein Thumbnail sollte nur versprechen, was das Video hält; irreführende Thumbnails kosten Vertrauen und können gegen die Richtlinien von YouTube verstoßen.

Gutes **YouTube Thumbnail Design** heißt vor allem: auf einen Blick lesbar. Ein Bild mit **1280×720** Pixeln, ein Blickfang, höchstens drei oder vier Wörter, starker Kontrast vor einem ruhigen Hintergrund und ein Stil, den Zuschauer als deinen erkennen. Und es sollte ehrlich sein. Das beste Thumbnail gibt ein Versprechen, das das Video hält, damit die Menschen, die klicken, auch die sind, die bleiben.

## YouTube Thumbnail Größe und technische Regeln

YouTube selbst empfiehlt ein Bild mit **1280×720** Pixeln im Format 16:9, mindestens 640 Pixel breit, als JPG, PNG oder GIF unter 2 MB. Die aktuellen Regeln findest du auf der [Hilfeseite von YouTube zu Thumbnails](https://support.google.com/youtube/answer/72431). [YouTube Thumbnail Größe](https://gradiently.design/de/guide/youtube-thumbnail-size) geht genauer auf die Zahlen ein; in diesem Artikel geht es darum, was aufs Bild kommt.

- Video-Thumbnail 1280×720: 1280 × 720
- Shorts-Cover 1080×1920: 1080 × 1920

Die beiden Thumbnail-Formate: 16:9 für Videos, 9:16 für Shorts. Sie brauchen unterschiedliche Layouts, nicht einen Zuschnitt.

Zwei Dinge liegen über jedem Thumbnail. Die Videolänge erscheint in der **Ecke unten rechts**, und bei Videos, die jemand schon teilweise gesehen hat, läuft ein roter Fortschrittsbalken am **unteren Rand** entlang. Halte Wörter und Gesichter aus dieser Ecke und vom unteren Streifen fern.

## Für die kleinste Darstellung gestalten

Du gestaltest mit 1280 Pixeln Breite, aber die meisten sehen Thumbnails viel kleiner: im Feed auf dem Handy, in der Liste der vorgeschlagenen Videos, auf einem Fernseher am anderen Ende des Zimmers. Details verschwinden, dünne Schrift löst sich auf, und drei konkurrierende Elemente verschwimmen zu einem Fleck. Die Lösung: Beurteile jedes Thumbnail in seiner kleinsten Größe.

1. **Verkleinere es** Zoome aus der Arbeitsfläche heraus, bis das Thumbnail etwa so breit ist wie dein Daumen, oder sieh es dir auf dem Handy mit ausgestrecktem Arm an.
2. **Finde das eine Element** Frag dich, was du zuerst siehst. Wenn es nicht der Blickfang ist, den du gewählt hast, mach dieses Element größer oder vereinfache alles drumherum.
3. **Lies die Wörter** Wenn du den Text in dieser Größe nicht lesen kannst, nimm weniger Wörter, einen fetteren Schnitt oder eine größere Schrift.
4. **Prüfe die Ecken** Achte darauf, dass die Anzeige der Videolänge kein Wort und kein Gesicht verdeckt.
5. **Vergleiche im Umfeld** Stell es neben andere Thumbnails aus deinem Themengebiet. Es sollte sich abheben, nicht untergehen.

## Höchstens drei oder vier Wörter

Der Titel steht direkt unter dem Thumbnail, also muss das Thumbnail ihn nicht wiederholen. Nutze die Wörter im Bild, um etwas hinzuzufügen: das Ergebnis, den Einsatz, eine Zahl, einen Gegensatz. Drei oder vier Wörter in einem fetten Schnitt sind in jeder Größe lesbar; ein ganzer Satz ist es nicht. [Schriften für Social Media](https://gradiently.design/de/guide/fonts-for-social-media) nennt Schriften, die auch klein bestehen.

| Videotitel | Wörter im Thumbnail | Warum es funktioniert |
| --- | --- | --- |
| Wie ich einen Sessel aus den 70ern restauriert habe | 40 Stunden später | Ergänzt den Aufwand, den der Titel auslässt |
| Aquarell für Anfänger: Himmel | Nur 3 Farben | Macht das Versprechen konkret |
| Das erste Jahr unseres Studios, ganz ehrlich | Was schiefging | Bringt die Spannung hinein |
| Vier günstige Mikrofone im Test | Welches? | Stellt die Frage, die das Video beantwortet |

Wörter im Thumbnail, die den Titel ergänzen, statt ihn zu wiederholen.

Ein Thumbnail im Format 16:9 mit den Wörtern Nur 3 Farben in fetter Schrift auf einem Verlaufshintergrund

Drei Wörter, fett und groß, abseits der Ecke unten rechts, in der die Videolänge steht.

## Kontrast, Farbe und Hintergrund

Thumbnails stehen im hellen Modus auf der weißen Seite von YouTube und im dunklen Modus auf der fast schwarzen, umgeben von anderen Thumbnails. Gesättigte, selbstbewusste Farbe mit klarem Hell-Dunkel-Kontrast hebt sich von beiden ab. Ein ruhiger Hintergrund lässt den Blickfang hervortreten; ein unruhiges Foto hinter Text lässt ihn verschwinden. Wenn Text auf einem Foto stehen muss, zeigt [Text auf Bildern](https://gradiently.design/de/guide/text-over-image) sieben Wege, ihn lesbar zu machen.

- Koralle zu Magenta: `linear-gradient(135deg, #ff5f6d 0%, #c9208a 100%)`
- Elektrisches Blau: `linear-gradient(135deg, #0038ff 0%, #00c2ff 100%)`
- Wald zu Limette: `linear-gradient(135deg, #0f3d1e 0%, #9be15d 100%)`
- Nacht zu Orange: `linear-gradient(135deg, #1a0033 0%, #ff8a00 100%)`

Hintergründe mit genug Sättigung und Hell-Dunkel-Spanne, um sich auf hellen wie dunklen YouTube-Seiten zu behaupten. Setze weiße oder fast schwarze Schrift auf den Teil mit dem stärksten Kontrast.

Prüfe den Kontrast auf der Fläche, die wirklich hinter deinen Wörtern liegt, nicht auf der Durchschnittsfarbe. Die Verhältnisse in [Farbkontrast](https://gradiently.design/de/guide/color-contrast-accessibility) sind eine gute Untergrenze, und Thumbnails vertragen meist mehr als das Minimum.

## Gesichter, Gegenstände oder Schrift

Alle drei können der Blickfang sein; wähle pro Thumbnail einen. Ein Gesicht funktioniert, wenn es im Video um die Reaktion, die Erfahrung oder die Meinung einer Person geht, und ein echter Ausdruck wirkt besser als ein gestellter. Ein Gegenstand passt zu Tutorials, Tests und Selbstgemachtem: Zeig das Ding, groß und nah. Schrift allein eignet sich für Ideen, Listen und Erklärvideos und lässt sich über eine Serie hinweg am leichtesten einheitlich halten.

## Ein einheitlicher Serienstil

Kanäle, zu denen Menschen zurückkehren, haben meist einen wiedererkennbaren Thumbnail-Stil: dieselbe Schrift, dieselbe Position für den Text, dieselbe Farbfamilie, manchmal ein kleines Serienlabel. So entdecken Zuschauer deine Videos auf einer vollen Startseite. [Branding für Content Creator](https://gradiently.design/de/guide/creator-branding) zeigt, wie du den gesamten Look deines Kanals in einer Stunde aufsetzt.

Ein Thumbnail für Folge vier einer Aquarellserie

Folge vier.

Ein Thumbnail für Folge fünf derselben Serie im selben Layout

Folge fünf: gleiches Layout, gleicher Grund, neue Wörter. Auf einen Blick wiederzuerkennen.

## Ehrliche Thumbnails, die trotzdem geklickt werden

Ein Thumbnail, das zu viel verspricht, gewinnt vielleicht einen Klick, aber Zuschauer, die sich getäuscht fühlen, sind schnell wieder weg und trauen dem nächsten Thumbnail weniger. Die Richtlinien von YouTube verbieten außerdem Thumbnails, die über den Inhalt eines Videos täuschen. Mach das Versprechen konkret und wahr, und überlass das Überzeugen dem Design.

### Clickbait

- Pfeile und Kreise, die auf nichts im Video zeigen
- Ein Ergebnis, das das Video nie zeigt
- Schockierte Gesichter ohne Bezug zum Inhalt
- Wörter, die eine Wendung andeuten, die nicht kommt

### Ehrlich und stark

- Das echte Ergebnis, groß gezeigt
- Ein konkretes Versprechen, das das Video hält
- Ein echter Moment aus dem Video
- Wörter, die die eigentliche Frage stellen

## FAQ

### Welche Größe sollte ein YouTube Thumbnail haben?

1280×720 Pixel im Format 16:9, mindestens 640 Pixel breit, als JPG, PNG oder GIF unter 2 MB.

### Wie viel Text gehört auf ein YouTube Thumbnail?

Höchstens drei oder vier Wörter in einem fetten Schnitt, die etwas ergänzen, das der Titel nicht sagt.

### Sollte ich mein Gesicht auf YouTube Thumbnails zeigen?

Wenn es im Video um deine Reaktion, Erfahrung oder Meinung geht, hilft ein echter Ausdruck. Bei Tutorials und Tests funktioniert eine große, klare Aufnahme des Gegenstands oft besser.

### Wo sollte der Text auf einem YouTube Thumbnail stehen?

Überall, nur nicht in der Ecke unten rechts, wo die Videolänge erscheint, und nicht im unteren Streifen, wo der Fortschrittsbalken liegt.

### Wie mache ich meine Thumbnails wiedererkennbar?

Nutze für jedes Video ein Layout, eine Schrift und eine Farbfamilie und ändere nur die Wörter und das zentrale Bild.