# Twitch-paneelin koko: yhtenäinen sarja koossa 640×320

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

Paneelit ovat lähetyksen alla olevia laattoja, jotka kertovat uudelle katsojalle sinusta. Yhdessä suunniteltuina ne näyttävät harkitulta kanavalta. Yksittäin tehtyinä ne muistuttavat ilmoitustaulua.

## The short version

- Suunnittele Twitch-paneelit koossa 640×320 pikseliä. Twitch näyttää tämän 2:1-kuvan 320 pikseliä leveänä.
- Kaksinkertaisella näyttöleveydellä suunnittelu pitää paneelin tekstin terävänä tarkkapikselisillä puhelinten ja kannettavien näytöillä.
- Twitch-paneelit ovat About-osiossa videosoittimen alla. Jokaisessa voi olla kuva, linkki ja tekstikuvaus.
- Paneelisarja näyttää yhdeltä designilta, kun kaikilla on sama tausta, kirjaintyyppi, otsakkeen paikka ja marginaalit.
- Pidä paneelin otsake yhdessä tai kahdessa sanassa, sillä sivulla kuva on suunnilleen pikkukuvan kokoinen.

Sopiva **Twitch-paneelin koko** suunnitteluun on 640×320 pikseliä eli 2:1-kuva. Twitch näyttää paneelit 320 pikseliä leveinä lähetyksen alla olevassa About-osiossa. 640 pikselin design käyttää siis kaksinkertaista tarkkuutta ja pysyy terävänä tarkalla näytöllä. Tee paneelista otsake: yksi tai kaksi sanaa, kuten Tietoja tai Aikataulu. Kirjoita yksityiskohdat paneelin kuvaukseen, jonka Twitch näyttää kuvan alla ja joka pysyy luettavana kaikissa ko’oissa.

## Twitch-paneelin mitat

| Ominaisuus | Arvo |
| --- | --- |
| Suunnittelukoko | 640×320 px |
| Näkyy kanavalla | 320 px leveänä |
| Kuvasuhde | 2:1 |
| Tiedostomuoto | PNG tekstille ja tasaisille väreille, JPG valokuville |
| Paneelin sisältö | Otsake, kuva, linkki ja kuvaus |

Twitch pienentää paneelikuvat sarakkeen levyisiksi. Korkeammatkin paneelit käyvät, mutta yhteinen 2:1-kuvasuhde pitää paneelirivin siistinä.

Paneelien lisäksi kanavallasi on kaksi suurempaa kuvaa: yläosan profiilibanneri ja soittimen offline-kuva. Niiden rinnalla paneeli on pieni. Tämä määrää useimmat seuraavista suunnitteluvalinnoista.

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

Twitch-kanavan kolme kuvaa suunnittelukoossaan ja mittakaavassa. Paneeli on vain murto-osa offline-kuvasta, joten siihen mahtuu sana tai kaksi.

## Suunnittele paneelisarja ennen ensimmäistä paneelia

Useimmat kanavat tarvitsevat neljästä kahdeksaan paneelia. Kirjoita lista ensin ja suunnittele sitten kaikki samalla kertaa samoilla valinnoilla. Alaspäin selaavan katsojan pitäisi nähdä yhteensopiva laattarivi, kuten hyvässä ruokalistassa kaikki otsakkeet käyttävät samaa typografiaa.

| Paneeli | Kuvan otsake | Kuvauksen sisältö |
| --- | --- | --- |
| Tietoja | Tietoja | Kuka olet ja mitä lähetät, kolmessa lauseessa |
| Aikataulu | Aikataulu | Päivät ja alkamisajat aikavyöhykkeineen |
| Säännöt | Chatin säännöt | Neljä tai viisi lyhyttä sääntöä |
| Yhteisö | Discord | Yksi rivi yhteisön toiminnasta ja kutsulinkki kuvassa |
| Some | Some | Missä klipit ja ilmoitukset julkaistaan |
| Laitteisto | Laitteisto | Kamera, mikrofoni ja peliasetukset |
| Tuki | Tuki | Miten tilata tai antaa tippiä ilman painostusta |

Tavallinen paneelisarja. Kuvassa on otsake ja kuvauksessa yksityiskohdat. Kuvausteksti päivittyy sekunneissa ja on luettavissa ruudunlukijoilla sekä hakukoneissa.

Tietojen pitäminen kuvan ulkopuolella auttaa myös päivityksissä: aikataulun muuttuessa muokkaat tekstiriviä etkä suunnittele kuvaa uudelleen. Käytä paneelin linkkikenttää klikattaviin kohteisiin, kuten Discord-kutsuun, jolloin koko kuva toimii painikkeena.

## Näin Twitch-paneelit näyttävät yhtenäisiltä

640×320-kokoinen Twitch-paneeli, jossa sana Tietoja on keskellä liukuväritaustaa

Tietoja-paneeli: yksi sana keskellä kanavan taustaa.

Yhteensopiva 640×320-kokoinen Twitch-paneeli, jossa Aikataulu on samassa paikassa ja samalla tyylillä

Aikataulu-paneeli: sama tausta, typografia ja sijainti. Vain sana vaihtuu.

Yhtenäisyys syntyy neljän asian säilyttämisestä ja vain yhden vaihtamisesta. Pidä tausta, kirjaintyyppi, otsakkeen sijainti ja marginaalit samoina. Vaihda vain sana. Jos haluat vaihtelua, muuta valon paikkaa taustassa paneelista toiseen. Pidä värit silti samassa perheessä, jotta rivi näyttää sarjalta.

### Näyttää ilmoitustaululta

- Joka paneelilla eri väri
- Yhden otsake vasemmalla, toisen keskellä
- Fonttikoko vaihtuu sanan pituuden mukaan
- Lähetysajat kirjoitettu kuvaan
- Kuvakkeita kolmesta eri sarjasta

### Näyttää sarjalta

- Yhteinen taustaperhe kaikille paneeleille
- Otsake aina samassa paikassa
- Yksi fonttikoko pisimmän otsakkeen mukaan
- Ajat kuvauksessa, helppo päivittää
- Yksi kuvaketyyli tai ei kuvakkeita

Valitse tekstikoko pisimmän otsakkeen mukaan. Jos Yhteisö mahtuu tietyssä koossa, käytä sitä kaikille otsakkeille, vaikka Tietoja voisi olla suurempi. Yhteinen koko tekee rivistä harkitun.

## Twitch-paneelin tekstikoko

Sivulla 640×320-paneeli pienenee kokoon 320×160, joten kirjainten koko puolittuu. Käytännön ohjeena otsakkeen isojen kirjainten kannattaa olla vähintään 60 pikseliä korkeita 640 pikselin designissa, jolloin näytöllä korkeus on noin 30 pikseliä. Jätä noin 40 pikseliä tyhjää joka reunaan, jotta otsake ei puristu paneelin reunaa vasten.

- Käytä lihavaa tai erityisen vahvaa leikkausta. Ohuet viivat hajoavat koon puolittuessa. [Lihavat fontit](https://gradiently.design/fi/guide/bold-fonts) tarjoaa pienessä koossa toimivia vaihtoehtoja.
- Pidä otsake yhdessä tai kahdessa sanassa. Kuvassa oleva kokonainen lause jää lukematta.
- Tarkista kontrasti koko otsakkeen alueelta, ei vain keskeltä. Liukuväri vaihtuu kirjainten takana, kuten [teksti liukuvärillä](https://gradiently.design/fi/guide/text-on-gradient) selittää.
- Älä pelasta heikkoa kontrastia ääriviivoilla tai varjoilla. Valitse sen sijaan rauhallisempi taustan kohta.

Pienennä design ennen lataamista omalla näytölläsi 320 pikselin levyiseksi ja katso sitä käsivarren etäisyydeltä. Jos otsakkeen lukeminen vaatii ponnistelua, se on liian pieni tai kontrasti on liian heikko.

## Sovita paneelit kanavan muuhun ilmeeseen

Paneelit toimivat parhaiten, kun ne kuuluvat samaan ilmeeseen striimin grafiikan, offline-kuvan ja profiilibannerin kanssa. Käytä kaikissa samaa taustaa ja typografiaa. [Twitch-striimaajan brändi](https://gradiently.design/fi/guide/twitch-streamer-branding) käsittelee kokonaisuutta. [Twitchin offline-kuvat](https://gradiently.design/fi/guide/twitch-offline-screen) ja [striimitaustat](https://gradiently.design/fi/guide/stream-overlay-background) käsittelevät suurempia osia.

1. **Valitse yksi tausta** Valitse väri tai materiaali, joka toistuu striimin grafiikassa, bannerissa, offline-kuvassa ja paneeleissa.
2. **Tee yksi mallipaneeli** Aseta pisin otsake kokoon 640×320 ja päätä tekstikoko, sijainti sekä marginaalit. Jätä muu siihen.
3. **Kopioi jokaiselle otsakkeelle** Vaihda vain sana. Vastusta halua säätää muita asioita paneeli kerrallaan.
4. **Vie PNG-muodossa** PNG säilyttää tasaiset värit ja tekstin puhtaina. Pakattu JPG voi sumentaa kirjainten reunoja.
5. **Lisää paneelit tärkeysjärjestyksessä** Ota Edit Panels käyttöön lähetyksen alla, lataa kuvat, aseta linkit ja kirjoita kuvaukset. Tietoja ja Aikataulu tulevat ensin.

Käsin tehdyissä sarjoissa erot syntyvät kolmannessa vaiheessa. Gradiently Prossa voit laittaa otsakkeet taulukkoon ja luoda kaikki paneelit yhdestä sivusta joukkoluonnilla. Mikään ei siirry niiden välillä. Sama Mark jatkuu offline-kuvaan ja banneriin niiden omissa ko’oissa. Menetelmä sopii kaikkiin sarjoihin, kuten [julkaisujen joukkoluonnin opas](https://gradiently.design/fi/guide/batch-create-social-media-content) näyttää.

## FAQ

### Minkä kokoisia Twitch-paneelit ovat?

Suunnittele ne koossa 640×320 pikseliä. Twitch näyttää paneelit 320 pikseliä leveinä, joten saat terävän kuvan kaksinkertaisella tarkkuudella.

### Voivatko Twitch-paneelit olla yli 320 pikseliä korkeita?

Kyllä, Twitch hyväksyy korkeampiakin paneelikuvia. Yhteinen 2:1-kuvasuhde pitää kuitenkin rivin siistinä. Sijoita pitkät tiedot kuvaukseen korkean kuvan sijaan.

### Missä Twitch-paneelit näkyvät?

Kanavan About-osiossa videosoittimen alla. Ota siellä Edit Panels käyttöön lisätäksesi, järjestääksesi tai poistaaksesi paneeleita.

### Kannattaako aikataulu laittaa paneelikuvaan?

Laita kuvaan sana Aikataulu ja kirjoita päivät sekä ajat kuvaukseen. Kuvausteksti päivittyy helposti ja näkyy kaikilla näytöillä.

### Kuinka monta Twitch-paneelia tarvitsen?

Neljästä kahdeksaan riittää useimmille kanaville: Tietoja, Aikataulu, Säännöt, Discord ja Some sekä mahdollisesti Laitteisto tai Tuki.