# Somen turva-alueet: missä sovellus peittää suunnitelman

[Canonical HTML page](https://gradiently.design/fi/guide/social-media-safe-zones)

Jokainen kanava lisää painikkeita, nimiä ja kuvatekstejä suunnitelmasi päälle. Tästä löydät niiden paikat ja marginaalit, jotka voit sisällyttää jokaiseen pohjaan.

## The short version

- Somen turva-alueet ovat suunnitelman alueita, joita sovelluksen oma käyttöliittymä ei peitä millään puhelimella.
- 1080×1920-pystykuvassa tavallinen nyrkkisääntö on jättää tarinan ylimmät ja alimmat noin 250 pikseliä ilman tekstiä.
- Reelseissä, TikTokissa ja YouTube Shortseissa kuvateksti on alareunassa ja painikkeet oikealla, joten ne tarvitsevat suuremman alamarginaalin ja myös oikean marginaalin.
- Bannereilla on omat peittyvät alueensa: profiilikuva menee LinkedInin ja X:n yläkuvien vasemman alakulman päälle, ja puhelimet rajaavat Facebookin kansikuvien sivuja.
- Käyttöliittymät muuttuvat sovelluspäivityksissä ja eroavat puhelimittain, joten pidä turva-alueiden mittoja väljinä ohjeina ja tarkista julkaisu ensin yksityisesti.

**Somen turva-alueet** ovat julkaisun osia, joita sovelluksen käyttöliittymä ei peitä. Pystyformaateissa riskialueita ovat yläreuna, jossa näkyvät nimet ja edistymispalkit, sekä alareuna, jossa ovat kuvatekstit ja vastauskentät. Reelseissä, TikTokissa ja Shortseissa myös oikea reuna peittyy tykkäys- ja jakopainikkeisiin. Anna taustan täyttää koko kuva ja pidä jokainen sana, logo ja kasvot turva-alueella.

## Pystyvideoiden ja tarinoiden turva-alueet

Kaikissa näissä formaateissa koko on 1080×1920, mutta päälle tulevat elementit eroavat. Alla olevat luvut ovat tarkoituksella ylöspäin pyöristettyjä käytännön marginaaleja. Ne perustuvat sovellusten käyttöliittymiin ja alustojen mainostajille antamiin ohjeisiin. Ne eivät ole virallisia mittoja, ja sovellukset siirtävät elementtejä eri versioissa ja erimuotoisilla näytöillä.

| Formaatti | Yläreuna | Alareuna | Sivut |
| --- | --- | --- | --- |
| Instagram-tarina | 250 px | 250 px | Noin 60 px kummallakin sivulla |
| Facebook- ja WhatsApp-tarinat | 250 px | 250 px | Noin 60 px kummallakin sivulla |
| Instagram Reel | 250 px | Noin 420 px | Noin 120 px oikealla |
| TikTok | Noin 150 px | Noin 480 px | Noin 140 px oikealla |
| YouTube Shorts | Noin 150 px | Noin 420 px | Noin 140 px oikealla |
| Snapchat-tarina | Noin 250 px | Noin 300 px | Noin 60 px kummallakin sivulla |

Käytännön marginaalit 1080×1920-kuvassa. Ne ovat tarkoituksella väljät: liiallinen varovaisuus maksaa hieman tyhjää tilaa, huolimattomuus piilotetun otsikon.

Jos muistat vain yhden säännön, muista tämä: pidä minkä tahansa pystyvideon tärkeä sisältö keskellä noin 800 pikseliä leveää ja 1 150 pikseliä korkeaa aluetta, joka alkaa noin 250 pikselin päästä yläreunasta. Se väistää kaikki taulukon marginaalit. Kanavakohtaisia lisätietoja löydät oppaista [Instagram-tarinan koko](https://gradiently.design/fi/guide/instagram-story-size), [TikTok-kansikuvan koko](https://gradiently.design/fi/guide/tiktok-cover-size) ja [YouTube Shorts -kansikuvan koko](https://gradiently.design/fi/guide/youtube-shorts-cover-size).

- Koko kuva 1080×1920: 1080 × 1920
- Turvallinen kaikissa 800×1150: 800 × 1150
- Ruudukon rajaus 1080×1440: 1080 × 1440

Koko pystykuva, kaikkialla turvallinen alue ja 3:4-rajaus, jonka Instagram näyttää profiiliruudukossa. Huomioi kaikki kolme kerralla.

## Mitä kullakin alueella näkyy

Kun tiedät, mikä peittää kunkin reunan, voit päättää, mitä sen lähelle sijoittaa. Taustat, tekstuurit ja liukuvärin loppu voivat jatkua käyttöliittymän alle. Sanat, hinnat, logot ja kasvot eivät.

### Tarinan ylä- ja alareuna

- Edistymispalkki ja profiilikuva
- Tilin nimi ja julkaisuaika
- Sulkemis- ja valikkopainikkeet
- Vastauskenttä ja jakopainike
- Sovelluksessa lisäämäsi linkkitarrat

### Reelin tai TikTokin ala- ja oikea reuna

- Kuvateksti, joka laajenee napautettaessa
- Tilin nimi ja seuraamispainike
- Äänitiedot
- Tykkäys-, kommentointi-, jako- ja tallennuspainikkeet
- Sovelluksen oma navigointipalkki

Kuvateksti on salakavala. Lyhyt kuvateksti vie kaksi riviä, mutta katsojan napautus laajentaa sen ylöspäin videon päälle. Jos tekstisi on kuvan alareunassa, pitkä kuvateksti peittää sen.

Pystyjulkaisu, jonka otsikko on keskialueen yläosassa kaukana kuvan reunoista

Sanat ovat turva-alueella hieman keskilinjan yläpuolella. Mitään tärkeää ei ole alareunan tai oikean reunan lähellä.

Pystyjulkaisu, jonka lyhyt lista on sijoitettu kuvan vasemmalle puolelle ja keskelle

Lista pysyy vasemmalla ja keskellä, jotta oikea reuna jää vapaaksi sovelluksen painikkeille.

## Bannerien ja yläkuvien turva-alueet

Leveiden bannerien päällä ei ole painikkeita, mutta niillä on kaksi muuta ongelmaa: osan kuvasta peittävä profiilikuva sekä erilaiset rajaukset puhelimilla ja tietokoneilla.

| Banneri | Koko | Jätä vapaaksi |
| --- | --- | --- |
| LinkedIn-profiilin banneri | 1584×396 | Vasen alakulma, jossa profiilikuva on |
| X:n yläkuva | 1500×500 | Vasen alakulma sekä ylä- ja alareunat |
| Facebookin kansikuva | 1640×624 | Ulommat sivut puhelimilla ja alareunan kaistale |
| YouTube-kanavan kuva | 2560×1440 | Kaikki kaikilla laitteilla näkyvän keskikaistaleen ulkopuolella |
| LinkedIn-yrityksen kansikuva | 2256×382 | Vasen alakulma, jossa yrityksen logo on |

Bannerit ovat pääosin taustaa. Sijoita sanat keskelle ja oikealle, kauas profiilikuvasta.

YouTube on ääriesimerkki: kanavan kuva on valtava 2560×1440-kuva, mutta puhelimet näyttävät keskeltä vain kapean kaistaleen. [LinkedIn-bannerin](https://gradiently.design/fi/guide/linkedin-banner-size) ja [YouTube-bannerin](https://gradiently.design/fi/guide/youtube-banner-size) oppaamme näyttävät tarkat alueet.

## Myös syötejulkaisuilla ja pikkukuvilla on turva-alueet

- **Instagramin profiiliruudukko:** julkaisut näkyvät keskeltä rajattuina 3:4-ruutuina. 1080×1350-julkaisu menettää pienen kaistaleen kummaltakin sivulta. Reelin kansikuvasta katoaa noin 240 pikseliä ylhäältä ja alhaalta. Katso [Instagramin ruudukkorajaus](https://gradiently.design/fi/guide/instagram-profile-grid-crop).
- **YouTuben pikkukuvat:** videon kesto näkyy oikeassa alakulmassa, joten pidä kasvot ja sanat pois sieltä.
- **Karusellit:** pisteet ovat kuvan alla, mutta jotkin sovellukset näyttävät dianumeron kuvan oikeassa yläkulmassa.
- **Pinterest-pin-kuvat:** tallennuspainikkeet ja pin-kuvan otsikko näkyvät osoitettaessa ja kuvan alla, joten pidä alareuna rauhallisena.

## Sisällytä turva-alueet työnkulkuusi

1. **Tee apuviivataso kerran** Piirrä jokaiseen pohjaan turva-alue lukituksi apuviivatasoksi. Pidä se näkyvissä suunnitellessasi ja piilota ennen vientiä.
2. **Suunnittele tiukimman kanavan ehdoilla** Jos sama pystysuunnitelma menee tarinoihin, Reelseihin ja TikTokiin, käytä TikTokin marginaaleja. Se on silloin turvallinen kaikkialla.
3. **Anna taustan jatkua reunoille** Peittyvilläkin alueilla näkyy taustaa. Vie väri ja tekstuuri joka reunaan, jotta kuva ei näytä laatikkoon suljetulta.
4. **Jätä paikka tarralle** Jos lisäät sovelluksessa linkki- tai kyselytarran, jätä tyhjää tilaa turva-alueen keskelle alaosaan.
5. **Esikatsele käyttöliittymän kanssa** Julkaise yksityisesti tai läheisille kavereille, tai tallenna luonnos ja katso sitä koko näytöllä. Se on ainoa todellinen tarkistus.

Gradiently auttaa kahdella tavalla. Kun muutat suunnitelman Prolla muihin formaatteihin, jokainen kopio asetellaan uudelleen omaan muotoonsa rajaamisen sijaan. Sinun tarvitsee vain siirtää sanat turva-alueelle. Taustan Mark täyttää koko kuvan käyttöliittymäalueineen ja pitää rauhallisimman, parhaiten erottuvan alueensa sanojen takana niiden paikasta riippumatta. [Teksti liukuvärin päällä](https://gradiently.design/fi/guide/text-on-gradient) käsittelee luettavuutta tarkemmin.

## FAQ

### Mitä somen turva-alueet ovat?

Ne ovat julkaisun osia, joita sovelluksen käyttöliittymä ei peitä. Tekstin, logojen ja kasvojen paikka on niiden sisällä, mutta tausta voi jatkua niiden ulkopuolelle.

### Mikä on Instagram Reelsin turva-alue?

1080×1920-kuvassa käytännön sääntö on jättää teksti pois ylimmiltä 250 pikseliltä, alimmilta 420 pikseliltä ja oikean reunan 120 pikseliltä, joissa ovat kuvateksti ja painikkeet.

### Mikä on TikTokin turva-alue?

TikTok peittää alareunan kuvatekstillä ja äänitiedoilla sekä oikean reunan painikkeilla. Turvallinen ohje on jättää teksti pois 1080×1920-kuvan alimmilta noin 480 pikseliltä ja oikean reunan 140 pikseliltä.

### Toimiiko yksi turva-alue kaikissa pystyvideokanavissa?

Suunnilleen kyllä. Keskellä oleva noin 800 pikseliä leveä ja 1 150 pikseliä korkea alue, joka alkaa noin 250 pikselin päästä 1080×1920-kuvan yläreunasta, jää vapaaksi tarinoissa, Reelseissä, TikTokissa ja Shortseissa.

### Muuttuvatko turva-alueet?

Kyllä. Sovellukset uudistavat käyttöliittymiään ja puhelinten muodot eroavat, joten pidä lukuja väljinä ohjeina ja esikatsele jokainen julkaisu käyttöliittymän kanssa.