# Discord-bannerin koot: palvelin 960×540, profiili 680×240

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

Discordissa on kolme banneria eri paikoissa ja muodoissa. Yksi on kanavaluettelon yläpuolella, toinen tervehtii kutsumiasi ihmisiä ja kolmas on oman nimesi takana. Näin suunnittelet kaikki kolme.

## The short version

- Discord-palvelimen banneri on 960×540 pikseliä, kuvasuhteeltaan 16:9, ja näkyy kanavaluettelon yläosassa.
- Discord-profiilibanneri on 680×240 pikseliä ja näkyy avatarisi takana profiilikortissa.
- Palvelimen kutsutausta on 16:9-kuva, joka kannattaa suunnitella kokoon 1920×1080.
- Palvelinbannerit ja kutsutaustat avautuvat Server Boost -tasoilla. Mukautettu profiilibanneri vaatii Discord Nitron.
- Discordin käyttöliittymä peittää osan jokaisesta bannerista, joten tärkeät yksityiskohdat kuuluvat avoimille alueille reunojen sijaan.

**Discord-bannerin koko** riippuu bannerista. Palvelinbanneri on 960×540 pikseliä ja kuvasuhteeltaan 16:9. Se näkyy palvelimesi kanavaluettelon yläosassa. Profiilibanneri on 680×240 pikseliä ja asettuu avatarisi taakse profiilikortissa. Kutsulinkin avaajalle näkyvä palvelimen kutsutausta on myös 16:9 ja näyttää parhaalta koossa 1920×1080. Käyttöliittymä peittää osan kaikista kolmesta. Luo niillä tunnelmaa ja pidä tärkein kohta näkyvissä.

## Discord-bannerien mitat yhdellä silmäyksellä

| Banneri | Koko | Kuvasuhde | Saatavilla |
| --- | --- | --- | --- |
| Palvelinbanneri | 960×540 px | 16:9 | Server Boost -taso 2 |
| Kutsutausta | 1920×1080 px | 16:9 | Server Boost -taso 1 |
| Profiilibanneri | 680×240 px | 17:6 | Discord Nitro |

Discord määrittää Boost-tasot ja Nitro-edut, ja ne muuttuvat ajoittain. Tarkista palvelin- tai profiiliasetuksista, mitä käytössäsi on.

- Palvelinbanneri 960×540: 960 × 540
- Kutsutausta 1920×1080: 1920 × 1080
- Profiilibanneri 680×240: 680 × 240

Discordin kolme banneria mittakaavassa. Palvelinbanneri ja kutsutausta ovat samanmuotoisia, profiilibanneri on matala kaistale.

Vie grafiikat, tekstit ja liukuvärit PNG:nä, valokuvat JPEG:nä. Animoidut bannerit käyttävät GIF-muotoa ja vaativat palvelimilla korkeamman Boost-tason tai profiileissa Nitron. Pidä liike hitaana, sillä banneri on lukemisen ja kirjoittamisen vieressä. [GIF vai MP4](https://gradiently.design/fi/guide/gif-vs-mp4) kertoo GIF-värien huolellisesta käytöstä.

## Discord-palvelinbanneri: 960×540

Palvelinbanneri on kanavasivupalkin yläosassa kanavaluettelon päällä. Kapea sivupalkki näyttää kuvan pienenä, ja palvelimen nimi sekä valikkonuoli tulevat sen yläreunan päälle. Jäsenet näkevät kuvan aina avatessaan palvelimen, joten se on Discord-kuvistasi katsotuin.

- **Pidä yläkaistale rauhallisena.** Ylimmän noin 100 pikselin päällä on palvelimen nimi valkoisena. Tumma tai yksinkertainen yläosa helpottaa lukemista.
- **Sijoita kuvat ja sanat keskelle.** Sivupalkin rajaus ja skaalaus hävittävät reunojen yksityiskohdat.
- **Jätä pieni teksti pois.** Sivupalkissa alle noin 60 pikselin korkuinen teksti 960×540-kuvassa on lukukelvotonta.
- **Häivytä kuva sivupalkkiin.** Discordin tummaa teemaa kohti tummeneva alareuna saa bannerin osaksi käyttöliittymää.

Night Owls Book Clubin 960×540-palvelinbanneri, jonka nimi on keskitetty tummalle liukuvärille

Sanat keskellä, rauhallinen yläosa palvelimen nimelle ja tumma alareuna kanavaluetteloa vasten.

## Discordin kutsutausta

Kutsutausta täyttää selaimessa kutsukortin takaisen näytön, kun joku avaa kutsulinkin. Keskellä oleva kortti näyttää palvelimen kuvakkeen, nimen ja hyväksymispainikkeen. Kuvan keskiosa on siis enimmäkseen piilossa. Suunnittele kutsutaustasta koko ruudun väri- tai tekstuuripinta ja siirrä yksityiskohdat reunoille sekä kulmiin, päinvastoin kuin useimmissa bannereissa.

### Palvelinbanneri

- Näkyy pienenä sivupalkissa
- Jäsenet näkevät päivittäin
- Sanat tai kuva keskellä
- Palvelimen nimi peittää yläreunan

### Kutsutausta

- Näkyy suurena koko näytöllä
- Uudet tulijat näkevät kerran
- Kutsukortti peittää keskiosan
- Yksityiskohdat reunoilla, keskusta tasainen

- Tumma keskusta, violetit reunat: `radial-gradient(ellipse at 50% 50%, #0b0b14 0%, #1e1b4b 45%, #6d28d9 80%, #c084fc 100%)`
- Tumma keskusta, smaragdireunat: `radial-gradient(ellipse at 50% 50%, #08130f 0%, #064e3b 50%, #10b981 90%, #6ee7b7 100%)`
- Tumma keskusta, hiillosreunat: `radial-gradient(ellipse at 50% 50%, #140a05 0%, #7c2d12 50%, #f97316 90%, #fdba74 100%)`

Kutsutaustojen keskusta on rauhallinen korttia varten, ja reunat hohtavat siellä, missä ne oikeasti näkyvät.

## Discord-profiilibanneri: 680×240

Nitrolla voit ladata profiilibannerin, joka näkyy profiilikortin yläosassa nimeäsi napsautettaessa. Pyöreä avatar peittää vasenta alakulmaa, ja kortti on kapea. Siksi banneri toimii parhaiten väri- ja tekstuuripintana, jonka yksityiskohdat ovat oikealla. Ilman Nitroa voit valita tasaisen bannerivärin ja sovittaa sen avatariin. Profiilibanneri seuraa sinua kaikille palvelimille, joten valitse niihin kaikkiin sopiva ilme yhden yhteisön sisäpiirivitsin sijaan.

680×240-kokoinen Discord-profiilibanneri, jossa Lofi on oikealla ja vasen puoli on tyhjä

Yksi sana oikealla, vasemmalla avointa tilaa avatarille.

680×240-kokoinen Discord-profiilibanneri, jossa lukee Pikselitaidetta ja kärsivällisyyttä pehmeällä liukuvärillä

Lyhyt rivi rauhallisella kaistaleella, selvästi irti vasemmasta alakulmasta.

## Suunnittele yhtenäinen Discord-bannerisarja

1. **Valitse yksi taustaperhe** Käytä samoja värejä tai materiaalia palvelinbannerissa, kutsutaustassa, palvelinkuvakkeessa ja rooliväreissä. Yhtenäiseltä näyttävä yhteisö tuntuu yhtenäiseltä.
2. **Suunnittele kutsutausta ensin** 1920×1080 on suurin koko, joten se määrittää ilmeen. Pidä keskiosa tasaisena.
3. **Tee siitä palvelinbanneri** Sama tausta koossa 960×540. Palvelimen nimi tai tunnuslause keskellä, yläreuna rauhallisena.
4. **Tarkista tumma ja vaalea teema** Useimmat jäsenet käyttävät tummaa tilaa, mutta eivät kaikki. Keskisävyyn häipyvät reunat sopivat molempiin. [Tumman tilan suunnittelu](https://gradiently.design/fi/guide/dark-mode-design) kertoo miksi.
5. **Esikatsele oikeassa koossa** Avaa palvelin kannettavalla ja puhelimella. Jos sanat eivät erotu sivupalkissa, poista ne tai suurenna niitä.

Peliyhteisöt, opiskelupalvelimet ja sisällöntuottajien Discordit hyötyvät samasta ajatuksesta: palvelin näyttää oman brändinsä osalta. Jos Discord tukee striimiä tai kanavaa, sovita se [Twitch-brändiisi](https://gradiently.design/fi/guide/twitch-streamer-branding) tai [pelikanavan ilmeeseen](https://gradiently.design/fi/guide/gaming-channel-art). Gradientlyssä yksi Mark tuottaa kaikki kolme Discord-kokoa. Jokainen muoto piirretään uudelleen rajaamisen sijaan, ja Prolla yksi vaihe muuttaa suunnitelman kaikkiin kokoihin. Markin sanat pysyvät luettavina, koska tausta rauhoittuu niiden takana. Lisää muotoja on [somekuvien koissa](https://gradiently.design/fi/guide/social-media-image-sizes).

## FAQ

### Minkä kokoinen Discord-palvelinbanneri on?

960×540 pikseliä kuvasuhteella 16:9. Se tulee saataville Server Boost -tasolla 2.

### Minkä kokoinen Discord-profiilibanneri on?

680×240 pikseliä. Mukautetun profiilibannerin lataaminen vaatii Discord Nitron. Ilman sitä voit valita tasaisen bannerivärin.

### Minkä kokoinen Discordin kutsutausta on?

Se on 16:9-kuva. 1920×1080 pikseliä tuottaa terävän tuloksen suurilla näytöillä. Ominaisuus avautuu Server Boost -tasolla 1.

### Voiko Discord-banneri olla animoitu?

Kyllä, GIF-muodossa. Animoitu palvelinbanneri vaatii korkeamman Boost-tason ja animoitu profiilibanneri Nitron.