# Kanalgrafik för gaming: YouTube, Twitch och Discord

[Canonical HTML page](https://gradiently.design/sv/guide/gaming-channel-art)

Dina tittare möter dig på YouTube, följer dig på Twitch och hänger i din Discord. Så får du tre mycket olika bannrar att kännas som en kanal.

## The short version

- YouTubes kanalbild är 2560×1440 pixlar, och YouTube rekommenderar att text och logotyper hålls inom den centrala ytan på 1546×423, som syns på alla enheter.
- Twitchs profilbanner är 1200×480 pixlar och Discords serverbanner är 960×540 pixlar.
- De tre bannrarna har mycket olika former, så designa en bakgrund och en typografisk stil och lägg ut den på nytt för varje, i stället för att beskära en bild.
- Kanalgrafik för gaming fungerar bäst med ett tydligt budskap: kanalens namn, plus ett schema eller en enda rad om vad du spelar.
- En bakgrund med en igenkännbar färgvärld binder ihop bannrar, miniatyrer, överlägg och paneler bättre än ett collage av spelskärmdumpar.

Bra **kanalgrafik för gaming** ger din YouTube, Twitch och Discord samma stil, utlagd för tre mycket olika former. YouTubes kanalbild är 2560×1440 pixlar, men bara en central remsa på ungefär 1546×423 syns överallt. Twitchs profilbanner är en bred 1200×480. Discords serverbanner är 960×540. Designa en bakgrund, en typografisk stil och ett kort budskap och ordna det sedan för varje ram. Att beskära en enda bild för att passa alla tre är hur namn hamnar avskurna på mitten på telefoner.

## Storlekar för kanalgrafik för gaming i korthet

| Plattform | Grafik | Storlek | Håll orden inom |
| --- | --- | --- | --- |
| YouTube | Kanalbild | 2560×1440 | Centrala 1546×423 |
| YouTube | Miniatyr | 1280×720 | Borta från tidsstämpeln nere till höger |
| Twitch | Profilbanner | 1200×480 | Mitten, borta från kanterna |
| Twitch | Offlineskärm | 1920×1080 | Var som helst centralt |
| Twitch | Panel | 640×320 | Hela panelen, stor text |
| Discord | Serverbanner | 960×540 | Mitten, med en lugn överkant |
| Discord | Profilbanner | 680×240 | Högra sidan, borta från din avatar |

All grafik en gamingkanal oftast behöver. Avatarer och gränssnittselement täcker delar av de flesta bannrar, så tredje kolumnen betyder lika mycket som storleken.

- YouTube-kanalbild 2560×1440: 2560 × 1440
- Twitch-banner 1200×480: 1200 × 480
- Discord-serverbanner 960×540: 960 × 540
- YouTube-miniatyr 1280×720: 1280 × 720

Fyra av dessa ramar skalenligt. YouTubes bildyta är enorm, men de flesta tittare ser bara en tunn remsa av den.

## YouTubes kanalbild och dess säkra yta

YouTube visar hela bilden på 2560×1440 bara på tv-apparater. På en dator ser du en bred remsa, och på en telefon ännu mindre. YouTubes egen vägledning är att hålla allt viktigt inom den centrala ytan på 1546×423. Se allt utanför den som atmosfär: bakgrundsfärg, textur, ljus, aldrig ditt namn eller ditt schema. [YouTube-bannerstorlek](https://gradiently.design/sv/guide/youtube-banner-size) har hela uppdelningen per enhet.

En YouTube-kanalbild för PIXELWREN med mysiga spel och ett söndagsschema för uppladdningar centrerat på en mjuk gradient

Namn, en rad om kanalen, en rad med schema. Allt ligger i den centrala remsan. Resten av bildytan är bakgrund.

> **Kolla den på en telefon** Ladda upp och öppna sedan din kanal på en telefon och på en laptop. YouTubes förhandsvisning under uppladdningen hjälper, men att se det verkliga är det enda sättet att vara säker på att ingenting skärs bort.

## Twitch-bannerstorlek, offlineskärm och paneler

På Twitch går profilbannern på 1200×480 över toppen av din kanalsida och beskärs olika på telefoner och datorer, så håll ditt namn och alla ord i de centrala två tredjedelarna. Offlineskärmen är grafiken de flesta tittare faktiskt ser när de tittar förbi mellan sändningar, vilket gör den till det bästa stället för ditt schema. Paneler sitter under sändningen och fungerar som små vägvisare: om, schema, regler, utrustning, sponsorer.

En bred Twitch-profilbanner för PIXELWREN med namnet och sloganen centrerade på en mjuk gradient

Twitch-bannern: bara namnet och en rad, centrerade så att ingen av kantbeskärningarna når dem.

En Twitch-offlineskärm med texten Tillbaka på tisdag och ett schema med tisdag och torsdag kl. 20.00 och söndag kl. 14.00 GMT

Offlineskärmen gör verkligt jobb: när du är tillbaka och när du sänder.

Ange alltid din tidszon, eftersom dina tittare är spridda över många. [Twitch-offlineskärm](https://gradiently.design/sv/guide/twitch-offline-screen) och [Twitch-panelstorlek](https://gradiently.design/sv/guide/twitch-panel-size) tar upp båda mer ingående.

## Discords serverbannerstorlek och layout

En Discord-serverbanner är en bild på 960×540 överst i kanalsidofältet. Den visas liten, med servernamnet och en menypil lagda över överkanten, så håll toppen lugn och sätt en kort välkomsttext, stor, i mitten. Serverbannrar låses upp vid Server Boost-nivå 2, så kolla först din servers nivå. Många skapare byter ut bannern för evenemang, som en spelkväll för gemenskapen. [Discord-bannerstorlek](https://gradiently.design/sv/guide/discord-banner-size) visar beskärningen.

## Idéer för gamingbanner: färger som passar det du spelar

Dina bannrar kommer att ses bredvid dussintals andra kanaler som spelar samma spel. En skärmdump av spelet får dig att se ut som alla dem. En färgvärld som matchar stämningen i din kanal, använd på varje banner och miniatyr, gör dig igenkännbar i sidofältet, i sökresultaten och i rekommendationsspalten.

- Mysigt: smör, ros, lila: `linear-gradient(160deg, #fde68a 0%, #f9a8d4 50%, #a78bfa 100%)`
- Skräck: torkat rött mot svart: `radial-gradient(circle at 70% 30%, #7f1d1d 0%, #1c0a0a 55%, #050505 100%)`
- Skjutspel: stål till cyan: `linear-gradient(135deg, #0f172a 0%, #0e7490 55%, #22d3ee 100%)`
- Retro: indigo, magenta, solnedgång: `linear-gradient(180deg, #1e1b4b 0%, #9d174d 55%, #f97316 100%)`
- Överlevnad: skog till glänta: `linear-gradient(150deg, #14532d 0%, #65a30d 50%, #fef9c3 100%)`
- Strategi: indigo på natt: `radial-gradient(circle at 30% 70%, #6366f1 0%, #312e81 45%, #0b0a1f 90%)`

Sex färgvärldar matchade mot vanliga spelgenrer. Välj en som passar din kanals stämning och använd den överallt.

Retro- och neonstilar är populära av goda skäl. [Synthwave-färger](https://gradiently.design/sv/guide/synthwave-colors) har paletter som undviker de billigaste versionerna. Vad du än väljer: håll texten på en lugn del av bakgrunden, inte på en ljus rand.

## Så håller du en stil över alla plattformar

1. **Välj en bakgrund** En gradient eller texturerad färgvärld, inte en spelskärmdump. Det är det tittarna känner igen först.
2. **Välj ett rubriksnitt** Kraftigt och tydligt i små storlekar, så att ditt namn går att läsa i ett sidofält. Använd det för varje banner och miniatyr.
3. **Skriv en rad om kanalen** ”Mysiga spel, långsamma speedruns” säger mer än en lista på varje spel du spelat.
4. **Lägg ut den för varje ram** Placera orden inom varje plattforms säkra yta i stället för att beskära en förlagebild.
5. **För den vidare till miniatyrer och överlägg** Samma bakgrund bakom din kameraram och i miniatyrer får hela kanalen att kännas som en plats. [Design av YouTube-miniatyrer](https://gradiently.design/sv/guide/youtube-thumbnail-design) visar hur.

Gradiently passar det här jobbet bra. Du designar en gång med en Mark, en levande bakgrund med egna färger, textur och rörelse, och ritar den i varje storlek från kanalbild till panel, med orden placerade för varje ram (att ändra storlek till alla format i ett steg är en Pro-funktion). Den håller ditt namn läsbart var det än hamnar, och när du säkrat Marken är det bara du som kan exportera med den. Processen finns i [en stil, alla storlekar](https://gradiently.design/sv/guide/one-look-every-size).

### Undvik

- Spelskärmdumpar som hela bannern
- Ditt namn nära kanten av kanalbilden
- Sex sociala ikoner trängda in i bannern
- Ett schema utan tidszon
- Olika färger på varje plattform

### Gör så här

- En färgvärld som passar din stämning
- Namnet inom den säkra ytan på 1546×423
- Länkar i avsnittet Om på YouTube
- Tider med zon, på offlineskärmen
- En bakgrund på varje banner och miniatyr

## FAQ

### Hur stor är en YouTube-kanalbild för gaming?

2560×1440 pixlar, med text och logotyper hållna inom den centrala ytan på 1546×423 så att de syns på alla enheter.

### Hur stor är en Twitch-banner?

Twitchs profilbanner är 1200×480 pixlar. Offlineskärmen är 1920×1080 och paneler är 640×320.

### Hur stor är en Discord-serverbanner?

960×540 pixlar, tillgänglig vid Server Boost-nivå 2. Håll överkanten lugn för servernamnet som Discord lägger över den och sätt alla ord stora i mitten.

### Kan jag använda samma bild för mina bannrar på YouTube, Twitch och Discord?

Använd samma bakgrund och typografi, men lägg ut var och en för sin egen ram. Formerna är för olika för att en beskärning ska fungera överallt.

### Vad ska jag ha på min gamingbanner?

Din kanals namn, en rad om vad du spelar och, där det finns plats, ditt schema med en tidszon.