# X:n pystykuvan koko: 1080×1350 ja rajautuminen

[Canonical HTML page](https://gradiently.design/fi/guide/x-post-portrait-size)

Pystykuva vie aikajanalta enemmän tilaa kuin vaakakuva, ja X näyttää nykyisin useimmat yksittäiset kuvat rajaamatta. Monen kuvan julkaisut toimivat eri tavalla. Näin pystykuva kestää molemmat tilanteet.

## The short version

- Paras Twitterin pystykuvan koko on 1080×1350 pikseliä eli 4:5, sama tiedosto kuin Instagramissa.
- X:n mobiilisovelluksissa yksittäinen vakiokuvasuhteen, kuten 4:5:n, kuva näkyy aikajanalla kokonaisena.
- Kun julkaiset kaksi, kolme tai neljä kuvaa yhdessä, X asettaa ne ruudukkoon ja rajaa jokaisen, joten kohteiden kannattaa olla keskellä.
- Pystykuva vie puhelimen näytöltä enemmän tilaa kuin vaakamuoto 1600×900 ja pitää näin huomion paremmin selatessa.
- Pystykuvan keskiosassa olevat sanat säilyvät usean kuvan ruudukossa ja verkon pienemmissä näkymissä.

Paras **Twitterin pystykuvan koko** on 1080×1350 pikseliä eli 4:5. X:n puhelinsovelluksissa tällainen yksittäinen vakiomuotoinen kuva näkyy aikajanalla kokonaisena, joten se täyttää paljon suuremman osan näytöstä kuin leveä 1600×900-kuva. Rajauksia tulee yhä, kun julkaiset kahdesta neljään kuvaa kerralla, sillä X sovittaa ne ruudukkoon. Sijoita jokaisen pystykuvan sanat ja kohde lähelle keskustaa, niin kuva toimii kokonaisena ja rajattuna.

## X:n kuvakoot: pystykuvat ja muut muodot

| Muoto | Koko (px) | Kuvasuhde |
| --- | --- | --- |
| Pystyjulkaisu | 1080×1350 | 4:5 |
| Vaakajulkaisu | 1600×900 | 16:9 |
| Kansikuva | 1500×500 | 3:1 |
| Linkkikortin kuva | 1200×630 | 1,91:1 |

X:n yleisimmät kuvakoot. Pystykoko vastaa Instagramin, Threadsin, Facebookin ja LinkedInin pystyjulkaisuja.

Linkkikortti on poikkeus. Et liitä sitä julkaisuun: X rakentaa sen linkitetyn sivun omasta kuvasta. Määrität sen siis verkkosivullasi, kuten [Open Graph -kuvan koko](https://gradiently.design/fi/guide/open-graph-image-size) selittää. Jos liität pystykuvan julkaisuun, jossa on myös linkki, X näyttää kuvasi ja jättää kortin pois. Kaikkien alustojen koot löydät oppaasta [somen kuvakoot](https://gradiently.design/fi/guide/social-media-image-sizes).

- Pysty 1080×1350: 1080 × 1350
- Vaaka 1600×900: 1600 × 900

Molemmat muodot aikajanan palstan leveydellä. Pystykuva on näytöllä yli kaksi kertaa korkeampi.

Puhelimella molemmat kuvat näytetään palstan levyisinä, joten korkeus on ainoa merkittävä ero. Vaakajulkaisu sopii edelleen paremmin leveille valokuville, kaavioille ja kuvakaappauksille; [Twitterin kuvakoko](https://gradiently.design/fi/guide/x-post-image-design) käsittelee sitä. Julisteissa, ilmoituksissa ja otsikon ympärille rakennetuissa kuvissa pysty voittaa.

## Miten X rajaa pystykuvia aikajanalla

Suunniteltavia tilanteita on kolme, ja vain yksi niistä on täysin ennustettava.

- **Yksi kuva, puhelinsovellus:** vakiomuodot, myös 4:5, näytetään rajaamatta. Tätä useimmat katsojasi näkevät.
- **Yksi kuva, verkkoversio:** aikajanan palsta on kapea ja rajoittaa kuvan korkeutta, joten pystykuva näkyy pienempänä suhteessa näyttöön. Hyvin korkeita kuvia voidaan rajata.
- **Kahdesta neljään kuvaa:** X asettaa ne ruudukon ruutuihin ja rajaa sopiviksi. Kaksi kuvaa näkyy vierekkäisinä korkeina suikaleina, neljä muodostaa kaksi kertaa kaksi -ruudukon. Napautus avaa koko kuvan.
- **Hyvin korkeat kuvat:** selvästi 4:5:tä korkeampi kuva, kuten kokonainen 9:16-tarina, rajautuu todennäköisesti aikajanalla. Koko kuva näkyy vasta avattuna.

> **Miksi 4:5 eikä korkeampi** 9:16-kuva on vielä korkeampi, mutta rajautuu aikajanalla todennäköisemmin ja saa verkkoversiossa suuret tyhjät marginaalit. 4:5 täyttää puhelimen näyttöä riittävästi ja toimii silti hyvin lähes kaikkialla.

## Tekstin sijoittaminen pystykuvaan

Koska pystykuva voidaan rajata ruudukon ruuduksi, turvallinen sääntö on sama kuin Instagramissa: pidä sanat ja logot kuvan keskiosassa ja jätä sivuille reilut marginaalit. Käytännöllinen suoja-alue koossa 1080×1350 on keskimmäinen 900×1100, noin 90 pikseliä kummastakin sivusta ja 125 ylä- ja alareunasta.

X:n 1080×1350-pystyjulkaisu ilmoittaa sovelluksen versiosta 3 keskitetyllä otsikolla

Pysty: otsikko on keskellä, ja kuva täyttää suuren osan puhelimen näytöstä.

Saman versiota 3 koskevan ilmoituksen vaakaversio koossa 1600×900

Vaaka: sama julkaisu koossa 1600×900, sopii paremmin uuden editorin kuvakaappaukseen.

1. **Aloita koosta 1080×1350** Lisää apuviivat noin 90 pikselin päähän kummastakin sivusta ja 125 pikselin päähän ylä- ja alareunasta.
2. **Keskitä otsikko** Aseta se pystysuuntaiselle keskilinjalle hieman keskikohdan yläpuolelle. Keskitetty teksti kestää ruudukkorajauksen; kulmaan sijoitettu ei.
3. **Pidä lisätieto lyhyenä** Yksi täydentävä rivi otsikon alle. Julkaisun oma teksti kertoo loput, ja siihen ihmiset vastaavat.
4. **Käytä grafiikkaan PNG:tä** X pakkaa kuvat uudelleen. Teksti ja liukuvärit kestävät paremmin PNG-muodossa; valokuviin riittää laadukas JPEG.
5. **Tarkista ruudukko usean kuvan julkaisussa** Kuvittele ennen sarjan julkaisua jokainen kuva keskeltä leikatuksi korkeaksi suikaleeksi. Jos otsikko katkeaisi, siirrä sitä sisemmäksi.

## Pystykuvat ketjuissa ja usean kuvan julkaisuissa

Ketjuissa pystykuvista saa eniten hyötyä: yksi kuva julkaisuun, jokainen kokonaan näkyvissä puhelimella ja jokaisessa yksi ajatus. Viiden yhtenäistaustaisen pystykortin ketju tuntuu pieneltä esitykseltä. [Twitter-ketjujen grafiikat](https://gradiently.design/fi/guide/x-thread-graphics) tarjoaa siihen sommitteluja.

### Neljä kuvaa yhdessä julkaisussa

- Jokainen kuva rajataan ruudukon ruuduksi
- Reunojen sanat leikkautuvat pois
- Sopii nopeaan valokuvasarjaan
- Yksi vastausketju kaikille neljälle

### Yksi kuva ketjun jokaiseen julkaisuun

- Jokainen kuva näkyy puhelimella kokonaan
- Jokaisella kortilla voi olla oma otsikko
- Sopii vinkkeihin, vaiheisiin ja julkaisuihin
- Vastaukset liittyvät kuhunkin ajatukseen

Koossa 1080×1350 on myös uudelleenkäytön etu. Se on sama kuin [Instagram-julkaisun](https://gradiently.design/fi/guide/instagram-post-size), Threads-julkaisun sekä LinkedInin tai Facebookin pystyjulkaisun koko. Yksi ulkoasu käy siis kaikkiin muuttamatta sitä. Gradiently sisältää nämä kaikki koot ja pitää tekstin luettavana tummentamalla tai vaalentamalla värejä kirjainten lähellä. X:lle tekemäsi kortti näyttää siten oikealta kaikkialla. Jos tili tarvitsee yhtenäisen ilmeen kansikuvaan ja julkaisuihin, [Twitter-brändäys](https://gradiently.design/fi/guide/x-branding) kattaa loput.

## FAQ

### Mikä on paras pystykuvan koko X:ssä eli Twitterissä?

1080×1350 pikseliä, kuvasuhde 4:5. Yksittäisenä kuvana se näkyy rajaamatta X:n puhelinsovelluksissa.

### Rajaako X pystysuuntaisia kuvia?

Yksittäiset vakiomuotoiset kuvat, kuten 4:5, näkyvät puhelinsovelluksissa kokonaan. Hyvin korkeat kuvat sekä kahdesta neljään kuvaa sisältävien julkaisujen kuvat rajataan aikajanalla.

### Kannattaako X:ssä julkaista pysty- vai vaakakuvia?

Pystykuva vie enemmän tilaa puhelimen näytöltä ja sopii otsikoihin ja ilmoituksiin. Vaaka 1600×900 sopii leveisiin valokuviin, kaavioihin ja kuvakaappauksiin.

### Mihin teksti sijoitetaan X:n pystykuvassa?

Kuvan keskustaan, suunnilleen 1080×1350-kuvan keskimmäiselle 900×1100-alueelle, jotta se säilyy usean kuvan ruudukkorajauksessa.