# YouTube-bannerin koko: televisio, tietokone ja puhelin [Canonical HTML page](https://gradiently.design/fi/guide/youtube-banner-size) YouTuben kanavakuva ladataan yhtenä suurena kuvana ja näytetään täysin eri rajauksena jokaisella laitteella. Tässä ovat koko, turva-alue ja asettelu, joka toimii niillä kaikilla. ## The short version - YouTube-banneri eli kanavakuva ladataan koossa 2560×1440 pikseliä, ja se on 16:9-kuva. - Televisiot näyttävät koko 2560×1440-kuvan, tietokoneet leveän kaistan sen keskeltä ja puhelimet kapeamman siivun. - Jokaisella laitteella näkyvä alue on 1546×423 pikseliä kuvan keskellä, joten tekstin ja logojen pitää olla sen sisällä. - Loppuosa kuvasta on taustaa, joka näkyy suuremmilla näytöillä, joten sen pitää jatkaa suunnitelmaa eikä kantaa tietoa. - Kanavan banneri toimii parhaiten, kun se vastaa kanavan pikkukuvia, jolloin katsojat tunnistavat ilmeen syötteestä. **YouTube-bannerin koko** on 2560×1440 pikseliä. Se on kuva, jonka lataat, ja sen televisio näyttää. Tietokoneet näyttävät vain leveän kaistan keskeltä, ja puhelimet näyttävät kapeamman siivun siitä kaistasta. Ainoa kaikkialla näkyvä osa on 1546×423 pikselin alue täsmälleen keskellä, joten sijoita kanavasi nimi, logo ja kaikki teksti sen sisään ja kohtele kaikkea muuta taustana, joka täyttää isommat näytöt. ## Mitä kukin laite näyttää kanavakuvastasi | Laite | Näkyvä alue (px) | Mitä se tarkoittaa | | --- | --- | --- | | Televisio | 2560×1440 | Koko kuva koko näytön taustana | | Tietokone | Enintään 2560×423 | Täysleveä kaista keskeltä | | Tabletti | Noin 1855×423 | Kapeampi kaista, leikattu molemmilta sivuilta | | Puhelin | 1546×423 | Vain keskellä oleva turva-alue | Kaikki rajaukset otetaan 2560×1440-latauksen keskeltä. Puhelinnäkymä on turva-alue: suunnittele sille ensin. - Koko lataus (TV): 2560 × 1440 - Tietokoneen kaista: 2560 × 423 - Turva-alue (kaikki laitteet): 1546 × 423 Kolme näkymää mittakaavassa. Turva-alue on pieni osa lataamastasi kuvasta, ja siksi niin moni banneri menettää tekstinsä puhelimilla. ## YouTube-bannerin turva-alue pikseleinä Aseta apuviivat näihin kohtiin 2560×1440-pohjalle ennen kuin suunnittelet mitään. Kaikki tärkeä tulee sisemmän laatikon sisään, ja tietokoneen kaista on ylä- ja ala-apuviivan välinen vyöhyke. ```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 ``` Kanavakuvan apuviivojen sijainnit. Turva-alue on keskitetty vaaka- ja pystysuunnassa. ## Näin asettelet YouTube-bannerin 1. **Aloita koosta 2560×1440** Lataa täydessä koossa, jotta televisionäkymä pysyy terävänä. Pienempi kuva skaalataan ylöspäin ja näyttää pehmeältä. 2. **Piirrä turva-alue** Lisää yllä olevat apuviivat. Kanavasi nimi, logo, aikataulu tai iskulause asuvat kaikki tuon 1546×423-laatikon sisällä. 3. **Täytä tietokoneen kaista** Vyöhyke vasemmasta reunasta oikeaan turva-alueen korkeudella on se, minkä useimmat tietokoneella kävijät näkevät. Jatka tausta sen yli äläkä sijoita turva-alueen reunoille mitään, mikä näyttäisi katkenneelta. 4. **Kohtele loppua taustana** Kaistan ylä- ja alapuoli näkyy vain televisiossa. Jatka taustaa sinne, jotta kuva tuntuu kokonaiselta, mutta älä laita sinne mitään tietoa. 5. **Tarkista jokainen näkymä** Esikatsele puhelimella, kannettavalla ja, jos voit, televisiolla. YouTube näyttää myös laite-esikatselun, kun lataat kuvan. 2560 × 1440 -kokoinen YouTube-banneri, jossa keskitetty rivi Uusia filmejä joka torstai on reunasta reunaan ulottuvan liukuvärin päällä Kanavakuva, jossa sanat ovat keskellä, missä jokainen laite näyttää ne, ja tausta täyttää loput suurempia näyttöjä varten. ## Mitä YouTube-banneriin laitetaan Turva-alue on pieni, joten valitse näistä yksi tai kaksi, älä kaikkia. - **Kanavan nimi tai logo**, jos se ei käy ilmi profiilikuvastasi. - **Mistä kanava kertoo**, muutamalla sanalla: ”Keramiikkaa aloittelijoille” sanoo enemmän kuin iskulause. - **Milloin uusia videoita tulee**, esimerkiksi ”Uusia filmejä joka torstai”, mikä antaa kävijöille syyn tilata. - **Jotakin ajankohtaista**, kuten kurssi, kirja tai livetapahtuma, joka vaihdetaan sen päätyttyä. ## Yleiset virheet YouTube-bannerissa ### Vältä - Teksti tietokoneen kaistan vasemmassa tai oikeassa laidassa, jonka puhelimet leikkaavat pois - Logo kulmassa, jonka vain televisiot näyttävät - Pieni teksti, jonka lukee vain tietokoneella - Valokuva, jonka kohde on kaistan ylä- tai alapuolella - Eri ilme kuin pikkukuvissasi ### Tee näin - Kaikki sanat ja logot 1546×423-turva-alueen sisällä - Tausta, joka jatkuu tasaisesti koko pohjan yli - Yksi rivi, tarpeeksi suuri puhelimella luettavaksi - Kohteet sijoitettuna keskikaistalle - Samat värit ja materiaali kuin pikkukuvissasi Liukuvärit ja tekstuurit sopivat hyvin kanavakuvaan, koska ne jatkuvat luontevasti mihin tahansa leveyteen ilman selvää reunaa. Valokuva pitää sommitella huolella, jotta sen kohde osuu keskikaistalle, mutta liukuväri yksinkertaisesti jatkuu. [Näin teet liukuväritaustan](https://gradiently.design/fi/guide/gradient-background) näyttää, miten rakennat sellaisen, joka ei näytä geneeriseltä. ## Sovita banneri pikkukuviisi Kävijät saapuvat kanavallesi yleensä videosta. Jos bannerissa on sama ilme kuin pikkukuvissa, joita he juuri klikkasivat, kanava tuntuu yhdeltä paikalta. Käytä molemmissa samaa taustaa, typografiaa ja värejä. [YouTube-pikkukuvan koko](https://gradiently.design/fi/guide/youtube-thumbnail-size) käsittelee toisen puolen ja [sisällöntuottajan brändäys](https://gradiently.design/fi/guide/creator-branding) isomman kuvan. Jos myös striimaat, [striimitaustojen](https://gradiently.design/fi/guide/stream-overlay-background) pitää kantaa samaa ilmettä. Gradientlyssä YouTuben kanavakuva, pikkukuvat ja Shorts-kannet ovat valmiina kokoina. Kopioi kokoihin asettelee yhden suunnitelman uudelleen jokaiseen, ja Mark piirtyy täydellä tarkkuudella jokaiseen muotoon, joten bannerilla ja pikkukuvilla on sama ilme ilman venytystä. ## FAQ ### Mikä on YouTube-bannerin koko? 2560×1440 pikseliä, 16:9-kuva, joka ladataan kanavakuvaksi. ### Mikä on YouTube-bannerin turva-alue? 1546×423 pikselin alue 2560×1440-kuvan keskellä. Se on ainoa osa, joka näkyy jokaisella laitteella, joten tekstin ja logojen pitää olla sen sisällä. ### Miksi YouTube-bannerini leikkautuu mobiilissa? Puhelimet näyttävät vain keskellä olevan 1546×423-alueen. Kaikki sen ulkopuolella, myös teksti tietokoneen kaistan laidoilla, jää piiloon. ### Miltä YouTube-banneri näyttää televisiossa? Televisiot näyttävät koko 2560×1440-kuvan taustana, joten tietokoneen kaistan ylä- ja alapuolisten alueiden pitää jatkaa taustaa. ### Onko liukuväri hyvä tausta YouTube-banneriin? Kyllä. Liukuväri tai tekstuuri jatkuu luontevasti koko 2560 pikselin leveydelle ja televisionäkymään, eikä siinä ole kohdetta, jonka rajaus voisi leikata pois. ### Pitääkö YouTube-bannerin vastata pikkukuviani? Kyllä. Sama tausta, typografia ja värit tekevät kanavasta tunnistettavan ihmisille, jotka saapuvat videosta.