# Snapchat-tarinan koko ja suunnitteluvinkit

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

Snapchat on puhelimen rennoin somevirta, joten suunniteltu tarina erottuu. Valitse oikea kehys, pidä sanat poissa käyttöliittymän alta ja säilytä Snapchatin tuntu.

## The short version

- Snapchat-tarinan koko on 1080×1920 pikseliä eli puhelimen näytön täyttävä 9:16-pystymuoto.
- Snapchat näyttää nimen ja tarinan etenemisen ylhäällä sekä vastaus- ja toimintopainikkeet alhaalla. Teksti kuuluu siis keskelle.
- Toimiva nyrkkisääntö on jättää noin ylimmät 250 ja alimmat 300 pikseliä ilman sanoja ja logoja.
- Suunnitellun tarinan voi julkaista puhelimen kuvakirjastosta Muistojen kautta ja viimeistellä Snapchatin omalla tekstillä ja tarroilla.
- Sama 1080×1920-muoto on käytössä Instagramin, Facebookin ja WhatsAppin tarinoissa, joten yksi pystysommittelu palvelee kaikkia.

**Snapchat-tarinan koko** on 1080×1920 pikseliä. Sen 9:16-kehys täyttää puhelimen näytön reunasta reunaan. Snapchat asettaa käyttöliittymän ylä- ja alaosaan: nimi, avatar ja tarinan eteneminen ylös, vastaus- ja jakotoiminnot alas. Vie tausta koko kuva-alalle ja pidä sanat ja logo keskellä, noin 250:n ja 1620 pikselin välillä yläreunasta, jotta tärkeät asiat eivät jää käyttöliittymän alle.

## Snapchat-tarinan mitat

| Ominaisuus | Arvo |
| --- | --- |
| Koko | 1080×1920 px |
| Kuvasuhde | 9:16, pysty |
| Muodot | Kuva (PNG tai JPEG) tai video (MP4) |
| Myös käytössä | Spotlight, julkisen profiilin tarinat |
| Sama muoto | Instagramin, Facebookin ja WhatsAppin tarinat, TikTok- ja Shorts-kannet |

Suunnittele täsmälleen koossa 1080×1920. Muut muodot skaalataan tai rajataan näytön täyttämiseksi, jolloin reunat usein leikkautuvat.

- Snapchat-tarina 9:16: 1080 × 1920
- Pystyjulkaisu 4:5: 1080 × 1350
- Neliöjulkaisu 1:1: 1080 × 1080

Tarina pysty- ja neliöjulkaisun rinnalla mittakaavassa. Somevirran julkaisu jättää tarinassa suuret tyhjät kaistat. Suunnittele koko kehykselle.

Kaikki puhelimet eivät ole 9:16. Korkeammilla tai leveämmillä näytöillä Snapchat voi leikata hieman reunoja täyttääkseen näytön. Siksi teksti kannattaa pitää erossa myös vasemmasta ja oikeasta reunasta, ei vain ylä- ja alaosasta. Noin 60 pikselin sivumarginaali on järkevä vähimmäinen.

## Snapchatin turva-alueet

| Alue | Yläreunasta (px) | Mikä peittää | Käyttö |
| --- | --- | --- | --- |
| Yläosa | 0:sta 250:een | Nimi, avatar, etenemispalkki, aika | Vain tausta |
| Keskiosa | 250:stä 1620:een | Ei mikään | Otsikko, lisätiedot, logo |
| Alaosa | 1620:stä 1920:een | Vastauskenttä, jako- ja toimintopainikkeet | Vain tausta |

Käytännön kartta, ei Snapchatin virallinen määritys. Käyttöliittymä muuttuu versioiden välillä, joten esikatsele ennen julkaisua.

Kaava on sama kaikilla pystyalustoilla, ja [somen turva-alueet](https://gradiently.design/fi/guide/social-media-safe-zones) näyttää ne rinnakkain. Jos epäröit, anna alakaistalle hieman enemmän tilaa kuin yläkaistalle: tarrat, linkit ja vastaukset kerääntyvät sinne.

## Suunnitellun tarinan julkaiseminen Snapchatissa

1. **Vie koossa 1080×1920** PNG grafiikalle ja tekstille, JPEG valokuville, MP4 kaikelle liikkuvalle.
2. **Tallenna puhelimeesi** Lähetä tiedosto puhelimen kuvakirjastoon tai vie suoraan puhelimella.
3. **Avaa Muistot ja valitse Kuvakirjasto** Pyyhkäise kameranäkymästä ylös, valitse Kuvakirjasto-välilehti ja oma sommittelusi.
4. **Lisää Snapchatin omat yksityiskohdat** Tarra, linkki, maininta tai kysely. Jätä niille tilaa sommittelun alemman keskiosan alueelle.
5. **Lähetä tarinaasi** Valitse Oma tarina tai julkinen profiili, jos julkaiset yrityksenä tai sisällöntuottajana.

> **Videotarina tarvitsee lukuaikaa** Jos tarina on MP4 ja sanat ilmestyvät vuorotellen, pidä jokainen rivi näkyvissä niin kauan, että sen ehtii lukea kahdesti. Ihmiset napauttavat nopeasti eteenpäin, eikä vilahtavaa riviä ehdi nähdä.

## Snapchat-tarinan suunnitteluvinkit

Snapchatissa jutellaan ystäville, joten viimeistelty grafiikka voi tuntua vieraalta, jos se näyttää mainokselta. Toimiva tarina tuntuu sovellukseen tehdyltä: yksi rohkea väite, suuri teksti, vahva väri ja päälle Snapchatin omat tarrat ja teksti. Ajattele sommitteluasi pohjana, ei koko tarinana. Lihava groteski suurena, yksi korostusväri ja paljon tyhjää taustaa sopivat paremmin kuin kehykseen puristettu täysi lentolehtinen.

Pystysuuntainen Snapchat-tarina Tänä iltana, ovet klo 21, suurella tekstillä keskellä

Yksi sana erittäin suurena. DJ-ilta selviää yhdellä napautuksella.

Pystysuuntainen Snapchat-tarina kangaskassin paluusta varastoon, alapuolella tilaa tarralle

Tuotejulkaisu, jonka alemman keskiosan tyhjä tila on varattu linkkitarralle.

### Vältä

- Somevirran julkaisun pudottamista tarinaan
- Tekstikappaleita
- Pientä tekstiä reunojen lähellä
- Sanoja vastauskentän kohdalla
- Eri ilmettä joka tarinassa

### Tee näin

- Täysi 1080×1920-sommittelu
- Yksi ajatus kolmesta kahdeksaan sanaan
- Suuri teksti keskikaistaan
- Tilaa tarralle tai linkille
- Yksi taustaperhe tarinoiden läpi

Tarinoita napautetaan nopeasti, joten jokainen kuva saa vain hetken. Jaa pidemmät asiat sarjaksi: koukku, lisätieto ja toiminta. Tarinasarja samalla taustalla tuntuu yhdeltä kokonaisuudelta ja tekee seuraavasta napautuksesta luontevan. [Instagram-tarinaideat](https://gradiently.design/fi/guide/instagram-story-design) tarjoaa sarjoja, jotka sopivat lähes suoraan Snapchatiin.

Yritykselle muutama tarinatyyppi ansaitsee paikkansa yhä uudelleen:

- **Päivän tarjous** tai erikoisuus päättymisajan kanssa.
- **Auki nyt** tai muuttuneet ajat yhdellä suurella rivillä.
- **Uutuus**: tuote, nimi ja mistä se löytyy.
- **Tapahtumailta**: päivä, aika ja paikka.
- **Kysymys**, tilaa kyselytarralle keskustelun aloittamiseksi.

## Liike ja yksi sommittelu kaikille tarina-alustoille

Snapchatin still-kuva on muiden videoiden rinnalla. Hitaasti liikkuva tausta paikallaan olevien sanojen alla pitää huomion ilman kuvausta. Pidä liike pehmeänä ja sanat paikallaan sekä varmista silmukan saumaton liitos. [Animoitu Instagram-tarina](https://gradiently.design/fi/guide/animated-instagram-story) selittää menetelmän, joka toimii täällä samoin.

Koska Snapchat, Instagram, Facebook ja WhatsApp jakavat 1080×1920-muodon, sama tarinasommittelu sopii kaikkialle. Gradientlyssä Mark piirtyy elävänä sanojen taakse ja pitää ne luettavina valitsemalla vaalean tai tumman tekstin riveittäin. Prolla voit viedä saman sommittelun MP4:nä liikkuvalla taustalla. Muista pystymuodoista kertovat [Instagram-tarinan koko](https://gradiently.design/fi/guide/instagram-story-size) ja [WhatsApp-tilan koko](https://gradiently.design/fi/guide/whatsapp-status-size).

## FAQ

### Minkä kokoinen Snapchat-tarina on?

1080×1920 pikseliä eli 9:16-pystymuoto.

### Mihin teksti sijoitetaan Snapchat-tarinassa?

Keskelle kuvaa. Jätä noin ylimmät 250 ja alimmat 300 pikseliä vapaiksi, sillä siellä ovat Snapchatin nimi, etenemispalkki ja painikkeet.

### Voinko ladata suunnitellun kuvan Snapchat-tarinaan?

Kyllä. Tallenna puhelimeen, avaa Muistot, valitse Kuvakirjasto, valitse kuva ja lähetä tarinaasi.

### Onko Snapchat Spotlight samankokoinen kuin tarina?

Kyllä, Spotlight käyttää myös pystysuuntaista 1080×1920-kehystä.

### Voinko käyttää Instagram-tarinaa uudelleen Snapchatissa?

Kyllä. Molemmat käyttävät kokoa 1080×1920, joten sama sommittelu toimii, kun sanat pysyvät keskikaistassa.