# YouTube-miniatyrer som ger klick på ärligt sätt

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

En miniatyr är en affisch i frimärksstorlek. Så gör du en som går att läsa i den storleken, ser ut som din kanal och bara lovar det videon håller.

## The short version

- Designa YouTube-miniatyrer i 1280×720 pixlar, en form i 16:9, och kontrollera att de fortfarande går att läsa när de krymps till en nagels storlek.
- Text på miniatyren fungerar bäst med tre eller fyra ord som tillför något till videons titel i stället för att upprepa den.
- Varje miniatyr behöver en tydlig fokuspunkt, som ett ansikte, ett föremål eller några få ord, med stark kontrast mot en enkel bakgrund.
- En konsekvent serie-stil, med samma layout, typografi och färgfamilj, gör att tittarna hittar dina videor på en full sida.
- En miniatyr ska bara lova det videon håller; missvisande miniatyrer kostar förtroende och kan strida mot YouTubes regler.

Bra **design av YouTube-miniatyrer** handlar om att kunna läsas med en blick: en bild i **1280×720** med en fokuspunkt, högst tre eller fyra ord, stark kontrast mot en enkel bakgrund och en stil som tittarna känner igen som din. Och den ska vara ärlig. Den bästa miniatyren ger ett löfte som videon håller, så att de som klickar är de som stannar.

## Storlek på YouTube-miniatyr och tekniska regler

YouTubes egen vägledning ber om en bild i **1280×720** i 16:9, minst 640 pixlar bred, som JPG, PNG eller GIF under 2 MB. Se [YouTubes hjälpsida om miniatyrer](https://support.google.com/youtube/answer/72431) för de aktuella reglerna. [Storlek på YouTube-miniatyr](https://gradiently.design/sv/guide/youtube-thumbnail-size) går igenom siffrorna mer i detalj; den här artikeln handlar om vad som ska ligga på den.

- Videominiatyr 1280×720: 1280 × 720
- Shorts-omslag 1080×1920: 1080 × 1920

De två miniatyrformerna: 16:9 för videor, 9:16 för Shorts. De behöver olika layouter, inte en gemensam beskärning.

Två saker ligger ovanpå varje miniatyr. Videons längd visas i **nedre högra hörnet**, och ett rött förloppsfält löper längs **underkanten** för videor som någon delvis har tittat på. Håll ord och ansikten borta från det hörnet och från nedre remsan.

## Designa för den minsta storleken den visas i

Du designar i 1280 pixlars bredd, men folk ser oftast miniatyrer betydligt mindre: i ett flöde på telefonen, i listan med föreslagna videor, på en tv tvärs över rummet. Detaljer försvinner, tunn text försvinner och tre konkurrerande element blir en enda suddig fläck. Lösningen är att bedöma varje miniatyr i dess minsta storlek.

1. **Krymp den** Zooma ut arbetsytan tills miniatyren är ungefär lika bred som din tumme, eller titta på den på telefonen på en armlängds avstånd.
2. **Hitta den enda saken** Fråga dig vad du ser först. Om svaret inte är fokuspunkten du valde gör du det elementet större eller förenklar runt det.
3. **Läs orden** Om du inte kan läsa texten i den storleken använder du färre ord, en tyngre vikt eller större text.
4. **Kontrollera hörnen** Se till att längdmärket inte täcker ett ord eller ett ansikte.
5. **Jämför den i sitt sammanhang** Lägg den bredvid andra miniatyrer inom ditt ämne. Den ska sticka ut, inte smälta in.

## Tre eller fyra ord, högst

Titeln sitter precis under miniatyren, så miniatyren behöver inte upprepa den. Använd bildens ord för att tillföra något: resultatet, insatsen, en siffra, en kontrast. Tre eller fyra ord i tung vikt går att läsa i vilken storlek som helst; en hel mening gör det inte. [Typsnitt för sociala medier](https://gradiently.design/sv/guide/fonts-for-social-media) listar typsnitt som håller när de är små.

| Videons titel | Ord på miniatyren | Varför det fungerar |
| --- | --- | --- |
| Så renoverade jag en fåtölj från 1970-talet | 40 timmar senare | Tillför insatsen som titeln utelämnar |
| Akvarell för nybörjare: himlar | Bara 3 färger | Gör löftet konkret |
| Vår ateljés första år, ärligt talat | Vad som gick fel | Tillför spänningen |
| Vi testar fyra billiga mikrofoner | Vilken vinner? | Väcker frågan som videon besvarar |

Ord på miniatyren som tillför något till titeln i stället för att upprepa den.

En miniatyr i 16:9 med texten Bara 3 färger i tung skrift på en gradientbakgrund

Tre ord, tunga och stora, placerade bort från nedre högra hörnet där längdmärket sitter.

## Kontrast, färg och bakgrund

Miniatyrer ligger på YouTubes vita sida i ljust läge och dess nästan svarta sida i mörkt läge, omgivna av andra miniatyrer. Mättad, självsäker färg med en tydlig kontrast mellan ljust och mörkt sticker ut mot båda. En enkel bakgrund får fokuspunkten att lyfta; ett rörigt foto bakom texten får den att försvinna. Om texten måste ligga på ett foto har [text över bild](https://gradiently.design/sv/guide/text-over-image) sju sätt att göra den läsbar.

- Korall till magenta: `linear-gradient(135deg, #ff5f6d 0%, #c9208a 100%)`
- Elektriskt blått: `linear-gradient(135deg, #0038ff 0%, #00c2ff 100%)`
- Skogsgrönt till lime: `linear-gradient(135deg, #0f3d1e 0%, #9be15d 100%)`
- Natt till orange: `linear-gradient(135deg, #1a0033 0%, #ff8a00 100%)`

Bakgrunder med tillräcklig mättnad och spännvidd mellan ljust och mörkt för att hävda sig mot både ljusa och mörka YouTube-sidor. Sätt vit eller nästan svart text där kontrasten är störst.

Kontrollera kontrasten på själva ytan bakom dina ord, inte på genomsnittsfärgen. Kvoterna i [färgkontrast](https://gradiently.design/sv/guide/color-contrast-accessibility) är ett bra golv, och miniatyrer vill oftast ha mer än minimum.

## Ansikten, föremål eller text

Vart och ett kan vara fokuspunkten; välj ett per miniatyr. Ett ansikte fungerar när videon handlar om en persons reaktion, upplevelse eller åsikt, och ett äkta uttryck läses bättre än ett tillgjort. Ett föremål fungerar för guider, recensioner och egna bygg: visa saken, stor och nära. Enbart text fungerar för idéer, listor och förklaringar, och den är lättast att hålla konsekvent över en serie.

## En konsekvent serie-stil

Kanaler som folk återvänder till har oftast en igenkännbar miniatyrstil: samma typsnitt, samma plats för texten, samma färgfamilj, ibland en liten serieetikett. Den gör att tittarna hittar dina videor på en full startsida. [Varumärke för innehållsskapare](https://gradiently.design/sv/guide/creator-branding) visar hur du sätter upp hela kanalens uttryck på en timme.

En miniatyr för avsnitt fyra i en akvarellserie

Avsnitt fyra.

En miniatyr för avsnitt fem i samma serie med samma layout

Avsnitt fem: samma layout, samma botten, nya ord. Igenkännbart med en blick.

## Ärliga miniatyrer som ändå får klick

En miniatyr som lovar för mycket kan vinna ett klick, men tittare som känner sig vilseledda lämnar snabbt och litar mindre på nästa miniatyr. YouTubes regler förbjuder dessutom miniatyrer som vilseleder tittarna om videons innehåll. Gör löftet konkret och sant och låt designen sköta övertygandet.

### Clickbait

- Pilar och cirklar som pekar på något som inte finns i videon
- Ett resultat som videon aldrig visar
- Chockuttryck som inte hör ihop med innehållet
- Ord som antyder en twist som aldrig kommer

### Ärligt och starkt

- Det verkliga resultatet, visat stort
- Ett konkret löfte som videon håller
- Ett äkta ögonblick ur videon
- Ord som ramar in den verkliga frågan

## FAQ

### Vilken storlek ska en YouTube-miniatyr ha?

1280×720 pixlar i 16:9, minst 640 pixlar bred, som JPG, PNG eller GIF under 2 MB.

### Hur mycket text bör en YouTube-miniatyr ha?

Högst tre eller fyra ord, i tung vikt, som tillför något som titeln inte säger.

### Ska jag ha mitt ansikte på YouTube-miniatyrer?

När videon handlar om din reaktion, upplevelse eller åsikt hjälper ett äkta uttryck. För guider och recensioner fungerar ofta en stor, tydlig bild av föremålet bättre.

### Var ska texten sitta på en YouTube-miniatyr?

Överallt utom i nedre högra hörnet, där videons längd visas, och i nedre remsan, där förloppsfältet sitter.

### Hur gör jag mina miniatyrer igenkännbara?

Använd en layout, ett typsnitt och en färgfamilj för varje video och variera bara orden och huvudbilden.
