# Twitch-striimaajan brändi: paneelit, bannerit ja offline-kuvat

[Canonical HTML page](https://gradiently.design/fi/guide/twitch-streamer-branding)

Kanavasivusi pysyy välilehdessä auki tuntikausia katselun aikana. Tee bannerista, paneeleista, offline-kuvasta ja aikataulujulkaisuista kokonaisuus, jonka sama ihminen on suunnitellut harkiten.

## The short version

- Hyvä Twitch-striimaajan brändi toistaa yhtä ilmettä profiilibannerissa, paneeleissa, offline-kuvassa, lähetysgrafiikassa ja muualla jaettavissa aikatauluissa.
- Twitchin tärkeimmät koot ovat 1200×480-profiilibanneri, 1920×1080-offline-kuva ja 640×320-paneelit.
- Paneelit toimivat parhaiten lyhyinä otsakkeina yhtenäisellä taustalla. Kirjoita yksityiskohdat niiden alla olevaan tekstikenttään.
- Offline-kuvan pitää kertoa seuraavan lähetyksen aika ja se, mistä sinut löytää odottaessa. Kävijät näkevät sen useimmin.
- Viikoittainen, samalla ilmeellä tehty aikataulu tarinoihin, X:ään ja Discordiin auttaa palaavia katsojia enemmän kuin uusi design joka viikko.

**Twitch-striimaajan brändi** rakentuu viidestä yhteensopivasta osasta: 1200×480-profiilibannerista, 640×320-paneeleista, 1920×1080-offline-kuvasta, lähetysgrafiikasta ja muilla alustoilla jaettavista aikatauluista. Valitse yksi taustailme, yksi tai kaksi fonttia ja pieni paletti. Tee kaikki niistä. Katsoja päättää muutamassa soittimen ohittamiseen kuluvassa sekunnissa, vaikuttaako kanava vakavasti tehdyltä. Yhteensopiva grafiikka viestii kanavasta, joka on täällä vielä ensi kuussakin.

## Twitch-brändin kuvakoot yhdessä paikassa

| Materiaali | Koko | Missä näkyy |
| --- | --- | --- |
| Profiilibanneri | 1200×480 px | About-sivun ja kanavan yläosassa |
| Offline-kuva | 1920×1080 px | Soittimessa, kun et lähetä |
| Paneeli | 640×320 px | Soittimen alla About-osiossa |
| Discord-palvelimen banneri | 960×540 px | Yhteisöpalvelimen yläosassa |
| X-julkaisu | 1600×900 px | Lähetyksen alkamisilmoitukset ja aikataulut |
| Tarina | 1080×1920 px | Instagramin, TikTokin ja Snapchatin aikataulut |
| YouTube-pikkukuva | 1280×720 px | Tallenteet ja parhaat hetket |

Twitch tarvitsee vain kolme ensimmäistä. Muissa katsojasi saavat tietää lähetyksestä.

- Profiilibanneri 1200×480: 1200 × 480
- Offline-kuva 1920×1080: 1920 × 1080
- Paneeli 640×320: 640 × 320
- Tarina 1080×1920: 1080 × 1920

Neljä useimmin suunnittelemaasi muotoa mittakaavassa. Banneri ja paneelit ovat leveitä ja matalia, joten sanoja saa olla vähän.

Twitch näyttää paneelit 320 pikseliä leveinä, joten 640×320-koko pitää tekstin terävänä tarkkapikselisillä näytöillä. Banneri rajautuu eri tavoin puhelimessa ja tietokoneessa. Pidä nimi ja kaikki tärkeä keskimmäisessä kahdessa kolmasosassa. Tarkat tiedot löytyvät oppaista [Twitch-paneelin koko](https://gradiently.design/fi/guide/twitch-panel-size) ja [Twitchin offline-kuva](https://gradiently.design/fi/guide/twitch-offline-screen).

## Valitse ilme, jonka kanssa voit lähettää vuosia

Useimmat striimaajien grafiikkapaketit tulevat samoista muutamasta kaupasta. Siksi monilla kanavilla on samat neonkehykset. Aloita sisältöösi sopivasta pohjaväristä: syvä ja tumma kauhuun ja yön strategiapeleihin, lämmin ja kirkas leppoisiin maanviljelystriimeihin, puhdas ja viileä speedruneihin. Lisää kaksi lähekkäistä väriä ja yksi tehoste, jota käytät vain lähetysmerkkiin ja toimintakehotuksiin.

- Yön pohja: #0b0f1a
- Syvä satama: #1e3a5f
- Merkkipetrooli: #2dd4bf
- Vaalea minttu: #a7f3d0
- Lähetyksen oranssi: #f97316

Yöstrategiakanavan paletti. Oranssi näkyy vain SUORANA-sanassa ja painikkeissa, joten sillä on aina merkitys.

Säilytä paletti pelin vaihtuessa. Katsojat seuraavat sinua, eivät pelaamaasi nimikettä. Pelistä toiseen säilyvä ilme tekee klipistä tunnistettavan ennen nimen lukemista. [Sisällöntuottajan brändi](https://gradiently.design/fi/guide/creator-branding) käsittelee trendejä kestävämpää henkilökohtaista ilmettä laajemmin.

## Twitch-paneelit, joita oikeasti luetaan

Paneelit ovat useimmilla kanavilla laiminlyödyin osa. Ne ovat soittimen alla, ja katsoja selaa niihin harkitessaan seuraamista. Liian usein siellä on päällekkäin kymmenkunta erilaista tyyliä. Tee paneeleista otsakesarja, älä julisteita.

1. **Valitse enintään kuusi** Tietoja, Aikataulu, Säännöt, Laitteisto, Discord ja Tuki riittävät useimmille kanaville. Jos niitä on enemmän, kukaan ei pääse loppuun.
2. **Yksi sana paneelissa** Kuva on otsake. Kirjoita tiedot sen alla olevaan tekstikenttään, joka on haettavissa ja helppo päivittää.
3. **Sama tausta ja sijainti** Jokainen paneeli käyttää samaa taustaa ja sijoittaa sanan samaan paikkaan. Sarake näyttää yhdeltä järjestelmältä.
4. **Linkitä paneelikuva** Twitchissä paneelikuvaan voi liittää linkin. Linkitä Discord kutsuusi ja Tuki tippisivullesi.

Leveä Twitch-paneeli, jonka suuri Aikataulu-sana on tummalla petrooliliukuvärillä

Paneeli on otsake. Yksi suuri sana kanavan taustalla.

Yhteensopiva Twitch-paneeli, jossa Discord-sana on samalla tummalla petrooliliukuvärillä

Seuraava paneeli vastaa sitä tarkasti, joten sarake näyttää yhdeltä sarjalta.

## Twitchin offline-kuvan suunnittelu

Offline-kuva on useimpien kävijöiden kohtaama näkymä, sillä et ole lähettämässä suurimman osan ajasta. Sen ainoa tehtävä on kertoa, milloin palata. Hyvä kuva sisältää nimesi, seuraavan lähetyksen päivän ja ajan aikavyöhykkeineen sekä yhden seurantakanavan odotusajaksi.

1920×1080-kokoinen Twitchin offline-kuva tekstillä Takaisin torstaina, 20.00 GMT ja Discord-tiedolla

Yksi selkeä paluuaika aikavyöhykkeineen ja paikka odotusajaksi.

### Vältä

- Pelkkä logo ilman paluuaikaa
- Kaikki koskaan tekemäsi sometunnukset
- Pieni teksti alakulmassa soittimen säädinten takana
- Eri tyyli kuin paneeleissa ja bannerissa

### Tee näin

- Seuraavan lähetyksen päivä, aika ja aikavyöhyke suurina
- Yksi paikka seurata sinua lähetysten välissä
- Sanat kuvan keskellä
- Sama tausta ja fontti kuin muualla kanavalla

> **Pidä aika yleisenä, jos se muuttuu** Jos aikataulu vaihtuu viikoittain, kirjoita ”Katso aikataulu alta” sellaisen ajan sijaan, jonka unohdat päivittää. Väärä aika offline-kuvassa vie enemmän luottamusta kuin ajan puuttuminen.

## Aikataulut ja lähetyksen alkamisjulkaisut

Useimmat uudet katsojat löytävät sinut muualta kuin Twitchistä. Viikoittainen aikataulu tarinoissa ja X:ssä sekä lyhyt alkamisilmoitus tuovat katsojia takaisin. Tee niistä vakioasettelu, jota vain muokkaat. Älä suunnittele kaikkea uudelleen joka maanantai.

Pystysuuntainen aikataulutarina Tällä viikolla striimissä: maanantai, keskiviikko ja perjantai 20.00 GMT

Viikon aikataulu tarinana. Päivät keskikaistalla, erossa sovelluksen painikkeista.

Vaakasuuntainen alkamisjulkaisu tekstillä Suorana nyt sekä lähetyksen nimellä ja kanavan osoitteella

Lähetyksen alkamisjulkaisu X:ään ja Blueskyhin samalla ilmeellä.

- **Aikataulujulkaisu:** kerran viikossa tarinakoossa ja 1600×900-versiona X:ään ja Blueskyhin.
- **Lähetys alkaa:** sama asettelu joka kerta, vain lähetyksen nimi vaihtuu.
- **Discord-banneri:** 960×540, päivitetään aikataulun muuttuessa tai tapahtumaa varten.
- **Tallenteiden pikkukuvat:** 1280×720 ja kaksi tai kolme suurta sanaa, kuten [YouTube-pikkukuvan suunnittelussa](https://gradiently.design/fi/guide/youtube-thumbnail-design).

Tässä Gradientlystä on hyötyä striimaajalle. Prolla suunnittelet aikataulun kerran ja muutat sen kaikkiin näihin kokoihin yhdellä kertaa. Tausta tekee tilaa sanoille joka koossa, joten päivä ja aika pysyvät luettavina levottomallakin liukuvärillä. Voit myös viedä alkamisjulkaisun MP4:nä, jossa tausta liikkuu paikallaan pysyvän tekstin takana.

## Kanavan muuhun ilmeeseen sopiva lähetysgrafiikka

Alkaa pian-, Palaan heti- ja lopetuskuvien pitäisi olla offline-kuvan sisaruksia: sama tausta ja fontti, eri sanat. Pidä kamerakehykset ja ilmoitusruudut ohuina ja palettisi väreissä, jotta peli pysyy pääosassa. [Striimin grafiikkataustat](https://gradiently.design/fi/guide/stream-overlay-background) käy läpi jokaisen näkymän. [Pelikanavan grafiikka](https://gradiently.design/fi/guide/gaming-channel-art) käsittelee YouTubea ja Discordia, jos lähetät usealla alustalla.

- Alkaa pian: `radial-gradient(circle at 80% 20%, #2dd4bf 0%, #1e3a5f 40%, #0b0f1a 80%)`
- Palaan heti: `radial-gradient(circle at 20% 80%, #2dd4bf 0%, #1e3a5f 40%, #0b0f1a 80%)`
- Lopetuskuva: `linear-gradient(180deg, #1e3a5f 0%, #0b0f1a 100%)`

Yksi paletti, kolme näkymää. Valon siirtäminen kulmasta toiseen auttaa vakiokatsojaa tunnistamaan näkymän jo ennen lukemista.

## FAQ

### Minkä kokoinen Twitchin profiilibanneri on?

1200×480 pikseliä. Pidä nimi ja tärkeät sanat keskellä, sillä reunat rajautuvat joillakin näytöillä.

### Minkä kokoisia Twitch-paneelien pitäisi olla?

Suunnittele ne koossa 640×320 pikseliä. Twitch näyttää paneelit 320 pikseliä leveinä, joten suurempi tiedosto pysyy terävänä tarkkapikselisillä näytöillä.

### Mitä Twitchin offline-kuvassa pitäisi lukea?

Nimesi, seuraavan lähetyksen aika aikavyöhykkeineen ja yksi seurantakanava. Pidä sanat keskellä, jotta soittimen säätimet eivät peitä niitä.

### Miten Twitch-kanavani näyttää ammattimaiselta?

Käytä yhtä taustaa, yhtä tai kahta fonttia ja pientä palettia bannerissa, paneeleissa, offline-kuvassa, lähetysgrafiikassa ja aikatauluissa. Yhtenäisyys näyttää ammattimaiselta nopeammin kuin yksittäinen näyttävä kuva.

### Pitääkö brändi vaihtaa pelin vaihtuessa?

Ei. Säilytä ilme ja vaihda vain sanat sekä kuvakaappaukset. Katsoja seuraa striimaajaa, ja pysyvä ilme auttaa tunnistamaan klippisi kaikkialla.