Sociala medier

Storlek på YouTube-banner: design för TV, dator och mobil

YouTubes kanalbild laddas upp som en enda stor bild och visas som en helt annan beskärning på varje enhet. Här är storleken, den säkra ytan och en layout som fungerar på alla.

GradientlyVerifierat Gradiently-konto··4 minuters läsning
Omslag: Mulberry Memory · GR·ZFE5·QQ

Kortversionen

  • YouTube-bannern, som kallas kanalbild, laddas upp i 2560×1440 pixlar, en bild i 16:9.
  • Tv-apparater visar hela bilden i 2560×1440, medan datorer visar en bred remsa över mitten och mobiler en smalare del av den.
  • Ytan som syns på varje enhet är 1546×423 pixlar i bildens mitt, så text och logotyper måste ligga inom den.
  • Resten av bilden är bakgrund som syns på större skärmar, så den ska förlänga designen snarare än bära information.
  • En kanalbanner fungerar bäst när den matchar kanalens miniatyrer, så att tittarna känner igen uttrycket från flödet.
På den här sidan

Storleken på en YouTube-banner är 2560×1440 pixlar. Det är bilden du laddar upp, och det är den en tv visar. Datorer visar bara en bred remsa över mitten, och mobiler visar en smalare del av den remsan. Den enda delen som syns överallt är en yta på 1546×423 pixlar exakt i mitten, så lägg kanalens namn, logotyp och all text inom den och se resten som bakgrund som fyller större skärmar.

Vad varje enhet visar av din kanalbild

EnhetSynlig yta (px)Vad det innebär
Tv2560×1440Hela bilden, som helskärmsbakgrund
DatorUpp till 2560×423En remsa i full bredd över mitten
SurfplattaCirka 1855×423En smalare remsa, beskuren på båda sidor
Mobil1546×423Bara den centrala säkra ytan
Alla beskärningar tas från mitten av uppladdningen på 2560×1440. Mobilvyn är den säkra ytan: designa för den först.

Hela uppladdningen (TV)

2560 × 1440

Datorremsa

2560 × 423

Säker yta (alla enheter)

1546 × 423

De tre vyerna ritade i skala. Den säkra ytan är en liten del av bilden du laddar upp, vilket är varför så många bannrar tappar sin text på mobiler.

YouTube-bannerns säkra yta, i pixlar

Sätt hjälplinjer på de här positionerna på en arbetsyta på 2560×1440 innan du designar något. Allt viktigt hamnar inom den inre rutan; datorremsan är bandet mellan de övre och nedre hjälplinjerna.

text
Canvas            2560 x 1440

Safe area         1546 x 423, centred
  left edge       x = 507
  right edge      x = 2053
  top edge        y = 508
  bottom edge     y = 931

Desktop strip     full width, y = 508 to 931
Television        the whole canvas
Hjälplinjernas positioner för kanalbilden. Den säkra ytan är centrerad både horisontellt och vertikalt.

Så lägger du ut en YouTube-banner

  1. 1

    Börja i 2560×1440

    Ladda upp i full storlek så att tv-vyn förblir skarp. En mindre bild skalas upp och blir suddig.

  2. 2

    Rita den säkra ytan

    Lägg till hjälplinjerna ovan. Kanalens namn, logotyp, sändningsschema eller slogan ska alla ligga inom rutan på 1546×423.

  3. 3

    Fyll datorremsan

    Bandet från vänster till höger kant på samma höjd som den säkra ytan är det de flesta datorbesökare ser. Dra bakgrunden över hela remsan; undvik att placera något som ser avskuret ut vid den säkra ytans kanter.

  4. 4

    Se resten som fond

    Ovanför och under remsan syns bara på tv. Fortsätt bakgrunden där så att bilden känns komplett, men lägg ingen information i den.

  5. 5

    Kontrollera varje vy

    Förhandsgranska på en mobil, en laptop och, om du kan, en tv. YouTube visar också en förhandsvisning per enhet när du laddar upp.

Northlight Studio
Nya filmer varje torsdag.
Gradiently · @gradiently

En kanalbild med orden i mitten, där varje enhet visar dem, och bakgrunden som fyller resten för större skärmar.

Vad du lägger på din YouTube-banner

Den säkra ytan är liten, så välj en eller två av de här i stället för alla.

  • Kanalens namn eller logotyp, om det inte framgår av din profilbild.
  • Vad kanalen handlar om, med några få ord: ”Keramik för nybörjare” säger mer än en slogan.
  • När nya videor kommer, som ”Nya filmer varje torsdag”, vilket ger besökare en anledning att prenumerera.
  • Något aktuellt, som en kurs, en bok eller ett liveevenemang, som du byter när det är slut.

Vanliga misstag med YouTube-bannern

Undvik

  • Text nära vänster eller höger kant av datorremsan, som mobiler skär bort
  • En logotyp i ett hörn, som bara tv visar
  • Liten text som bara går att läsa på dator
  • Ett foto vars motiv ligger ovanför eller under remsan
  • Ett annat uttryck än dina miniatyrer

Gör så här

  • Alla ord och logotyper inom den säkra ytan på 1546×423
  • En bakgrund som förlängs mjukt över hela arbetsytan
  • En rad, tillräckligt stor för att läsas på mobil
  • Motiv placerade i mittbandet
  • Samma färger och material som dina miniatyrer

Gradienter och texturer passar bra för kanalbilder, eftersom de förlängs naturligt till vilken bredd som helst utan någon tydlig kant. Ett foto måste komponeras noga så att motivet hamnar i mittbandet; en gradient fortsätter bara. Så gör du en gradientbakgrund visar hur du bygger en som inte ser generisk ut.

Låt bannern matcha dina miniatyrer

Besökare kommer oftast till din kanal från en video. Om bannern delar uttryck med miniatyrerna de nyss klickade på känns kanalen som en enda plats. Använd samma bakgrund, typografi och färger på båda. Storlek på YouTube-miniatyr tar upp den andra halvan, och varumärke för skapare helheten. Om du också streamar bör streambakgrunder bära samma uttryck.

Gradiently har YouTubes kanalbild, miniatyrer och Shorts-omslag som inbyggda storlekar. Med Kopiera till storlekar läggs en design ut på nytt för var och en, och en Mark renderas i full upplösning för varje form, så att bannern och miniatyrerna delar ett uttryck utan att sträckas.

Vanliga frågor

Vilken storlek har en YouTube-banner?

2560×1440 pixlar, en bild i 16:9, som du laddar upp som din kanalbild.

Vad är YouTube-bannerns säkra yta?

En yta på 1546×423 pixlar i mitten av bilden på 2560×1440. Det är den enda delen som visas på alla enheter, så text och logotyper måste ligga inom den.

Varför är min YouTube-banner avskuren på mobilen?

Mobiler visar bara den centrala ytan på 1546×423. Allt utanför, inklusive text nära sidorna av datorremsan, döljs.

Hur ser en YouTube-banner ut på tv?

Tv-apparater visar hela bilden i 2560×1440 som bakgrund, så ytorna ovanför och under datorremsan ska fortsätta bakgrunden.

Är en gradient en bra bakgrund till en YouTube-banner?

Ja. En gradient eller textur förlängs naturligt över hela bredden på 2560 pixlar och tv-vyn, utan något motiv som kan skäras bort av en beskärning.

Ska min YouTube-banner matcha mina miniatyrer?

Ja. Samma bakgrund, typografi och färger gör kanalen igenkännbar för dem som kommer från en video.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil