# Instagram-julkaisun fonttikoko: mikä erottuu puhelimessa

[Canonical HTML page](https://gradiently.design/fi/guide/font-size-for-social-media)

1080 pikseliä leveä julkaisu näkyy puhelimessa noin kolmasosan levyisenä. Tässä pienennyksen kestävät koot, jotka on laskettu pohjasta arvaamisen sijaan.

## The short version

- 1080 pikseliä leveässä Instagram-julkaisussa otsikko erottuu noin 90 px:stä alkaen, ja leipätekstin pitäisi olla vähintään 40 px.
- Puhelin näyttää 1080 pikselin julkaisun noin 360 tai 440 pisteen levyisenä, joten jokainen asettamasi koko kutistuu noin kolmasosaan.
- Julkaisun pieninkään teksti, kuten selitteet ja sivunumerot, ei saisi alittaa noin 28 px:ää.
- Tarinoissa ja Reelseissä on sama leveys kuin julkaisuissa, joten samat pikselikoot toimivat, mutta sanat pitää jättää pois käyttöliittymän ylä- ja alaosista.
- Luotettava testi on katsoa suunnitelmaa oikeassa puhelinkoossa ja ruudukon pikkukuvakoossa ennen julkaisua.

Turvallinen **Instagram-julkaisun fonttikoko** 1080 pikseliä leveällä pohjalla on otsikossa 90 - 140 px, tukirivillä 48 - 64 px ja karusellin leipätekstissä vähintään 40 px. Mikään, edes sivunumero, ei saisi alittaa noin 28 px:ää. Luvut näyttävät kannettavalla suurilta tarkoituksella: puhelin näyttää julkaisun noin kolmasosan levyisenä, joten näytöllä reilu teksti saapuu käteen mukavana lukukokona.

## Miksi näytön suuri teksti on puhelimessa pientä

Suunnittelet 1080 pikseliä leveällä pohjalla, usein suureen näyttöön sovitettuna. Instagram näyttää julkaisun puhelimen leveydellä, joka on mallista riippuen noin 360 - 440 pistettä. Yksi piste puhelimessa vastaa siis noin kahta ja puolta tai kolmea pikseliäsi. Jaa asettamasi koko noin 2,7:llä, niin saat lukijan näkemän koon.

| Koko 1080 px:n pohjalla | Puhelimessa (noin) | Tuntuu tältä |
| --- | --- | --- |
| 28 px | noin 10 pt | Kuitin pieni teksti |
| 40 px | noin 14 pt | Mukava lukuteksti |
| 56 px | noin 20 pt | Selkeä väliotsikko |
| 96 px | noin 35 pt | Peukalon pysäyttävä otsikko |
| 140 px | noin 51 pt | Julisteen tekstirivi |

Karkeat muunnokset noin 390 pisteen levyiselle puhelimelle. Puhelimen järjestelmäteksti on lähellä 17 pt:tä, joten 40 px on vähimmäisraja mukavasti luettavalle tekstille.

Siksi painotuotteista tai dioista kopioidut julkaisut epäonnistuvat usein. A4-flyerin 12 pt:n kuvatekstillä on ympärillään kokonainen paperiarkki, jota pidetään lukuetäisyydellä. Sama mittasuhde puhelimen ruudussa on harmaa tahra.

## Instagram-julkaisujen, tarinoiden ja karusellien fonttikoko

Jokainen Instagram-muoto on 1080 pikseliä leveä, joten sama kokovalikoima kattaa 1080×1350-julkaisut, 1080×1080-neliöt ja 1080×1920-tarinat. Vain käytettävissä oleva korkeus ja sovelluksen päälle piirtämät osat muuttuvat.

| Rooli | Koko 1080 px:n leveydellä | Osuus pohjan leveydestä | Huomiot |
| --- | --- | --- | --- |
| Otsikko | 90 - 140 px | noin 8 - 13% | Enintään viidestä kahdeksaan sanaa |
| Alaotsikko tai tarkennus | 48 - 64 px | noin 4,5 - 6% | Yksi rivi, jos mahdollista |
| Karusellin leipäteksti | 40 - 48 px | noin 4% | Kolmesta viiteen lyhyttä riviä per dia |
| Selitteet, sivunumerot, käyttäjänimet | 28 - 32 px | noin 3% | Suuraakkoset ja väljempi kirjainväli auttavat |
| Suuri yksittäinen sana tai luku | 200 px tai enemmän | 20% tai enemmän | Kun sana on koko suunnitelma |

Käytännön vaihteluvälit, eivät alustan säännöt. Kun ajattelet leveyden osuuksina, samat mittasuhteet toimivat myös muun kokoisessa suunnitelmassa.

- Pystyjulkaisu 1080×1350: 1080 × 1350
- Neliöjulkaisu 1080×1080: 1080 × 1080
- Tarina 1080×1920: 1080 × 1920

Kolme muotoa, yksi leveys. Yllä olevat koot toimivat kaikissa. Vain rivien tila ja turva-alueet eroavat.

Pidä tarinan sanat poissa noin 250 pikselin ylä- ja alakaistoista, joissa ovat profiilinimi ja vastauskenttä. [Instagram-tarinan koko](https://gradiently.design/fi/guide/instagram-story-size) näyttää koko kartan. Muista pystyjulkaisussa, että profiiliruudukko rajaa keskelle, joten yläreunan otsikko voi kadota. [Instagram-ruudukon rajaus](https://gradiently.design/fi/guide/instagram-profile-grid-crop) näyttää tarkasti, mikä säilyy.

## Kuinka suuri Instagram-otsikon pitää olla

Aloita sanoista, älä luvusta. Neljän sanan otsikko mahtuu 140 px:n koossa kahdelle riville. Kahdentoista sanan otsikko samassa koossa leviää viidelle riville. Oikea korjaus on karsia sanoja, ei pienentää tekstiä. Jos turvaudut 70 px:ään saadaksesi lauseen mahtumaan, lause on liian pitkä yhteen julkaisuun.

Instagramin pystyjulkaisu, jossa on suuri otsikko Auki myöhään joka perjantai ja pienempi tietorivi

Neljä sanaa otsikkokoossa ja yksi lyhyt tietorivi: mittasuhteet, jotka luetaan käsivarren päästä millä tahansa puhelimella.

Neliöjulkaisu, jossa on kaksi suurta sanaa Auki myöhään ja pieni merkintä Perjantaisin

Vähemmän sanoja antaa suuremman tekstin. Kaksi sanaa voi olla niin suuria, että ne erottuvat profiiliruudukossa.

Leikkaus merkitsee yhtä paljon kuin koko. Kevyt 120 px:n teksti voi erottua heikommin kuin puolilihava 96 px:n teksti, koska ohuet vedot katoavat pienennyksessä ja pakkauksessa. Käytä puhelimen otsikoissa puolilihavaa tai sitä vahvempaa leikkausta. [Parhaat fontit someen](https://gradiently.design/fi/guide/fonts-for-social-media) ehdottaa näissä koissa kestäviä kirjaintyyppejä.

## Karusellidiojen ja leipätekstin fonttikoko

Pieni teksti hiipii karuselleihin, koska jokainen dia yrittää selittää jotain. Pidä leipäteksti vähintään 40 px:n kokoisena, rivikorkeus noin 1,3:ssa ja pystykuvan rivit noin 30 merkissä. Saat neljä tai viisi riviä per dia, minkä ihminen suunnilleen lukee ennen pyyhkäisyä.

### Vältä

- 24 px:n tekstikappaletta yhdellä dialla
- Kevyitä leikkauksia alle 60 px:n koossa
- Tekstin pienentämistä sanojen mahduttamiseksi
- Sivunumeroita ja käyttäjänimiä 18 px:n koossa
- Tekstiä tarinan ylä- ja alakaistoissa

### Tee näin

- Neljä lyhyttä riviä 40 - 48 px:n koossa
- Regular tai medium leipätekstiin, vähintään semibold otsikoihin
- Karsi sanoja tai lisää dia
- Pienet selitteet 28 px:n koossa hieman väljemmällä kirjainvälillä
- Pidä sanat kuvan keskellä

Jos dia tarvitsee yli viisi riviä, jaa se. Kymmenen dian karuselli suurella tekstillä on parempi lukea kuin viiden dian karuselli pienellä tekstillä, ja jokainen pyyhkäisy antaa pienen syyn jatkaa. [Somejulkaisujen tekstisommittelu](https://gradiently.design/fi/guide/text-hierarchy-social) kertoo, miten järjestät rivit niin, että katse tietää mistä aloittaa.

## Fonttikoon testaaminen pikkukuvassa

1. **Zoomaa oikeaan puhelinkokoon** Aseta pohjan zoomaus niin, että julkaisu on näytöllä noin 7 cm leveä, tai lähetä se puhelimeen. Lue jokainen rivi nojaamatta lähemmäs.
2. **Pienennä ruudukkokokoon** Loitonna, kunnes julkaisu on noin 3 cm leveä, suunnilleen profiiliruudukon ruutu. Otsikon pitäisi yhä erottua, muu saa sumentua.
3. **Testaa hierarkia siristämällä** Siristä silmiä puhelinkokoisen julkaisun äärellä. Näkyvissä pitäisi olla yksi hallitseva rivi, yksi toissijainen eikä mitään niiden kanssa kilpailevaa.
4. **Tarkista tummimmat ja kirkkaimmat kohdat** Katso liukuvärillä tai valokuvalla sanoja kohdissa, joissa tausta on lähinnä niiden väriä. Pieni teksti katoaa siellä ensin.
5. **Julkaise yksityiselle tilille tai läheisille** Pakkaus pehmentää ohuita vetoja. Vain ladattu versio sovelluksen käyttöliittymän alla on lopullinen todiste.

Taustakontrasti on fonttikoon piilossa oleva puolisko. 40 px:n teksti rauhallisessa tummassa kohdassa erottuu paremmin kuin 56 px:n teksti levottomassa kohdassa. Aseta liukuväritaustan sanat sen rauhallisimpaan paikkaan tai seuraa [teksti liukuvärillä](https://gradiently.design/fi/guide/text-on-gradient) -ohjeita. Gradientlyssä Mark tekee tämän puolestasi: rauhallisin alue siirtyy sanojen taakse ja Automaattinen muste valitsee vaalean tai tumman tekstin rivikohtaisesti, joten pienemmät rivit erottuvat ilman laatikoita, varjoja tai sumennusta.

> **Yksi muistettava sääntö** Jos tarvitset alle 40 px:n tekstiä kaiken mahduttamiseen, sanoja on liikaa yhteen julkaisuun. Karsi tai tee karuselli.

## FAQ

### Mitä fonttikokoa käytän Instagram-julkaisuissa?

1080 pikseliä leveällä pohjalla käytä otsikkoon 90 - 140 px, alaotsikkoon 48 - 64 px ja leipätekstiin vähintään 40 px.

### Mikä on Instagram-tarinan pienin fonttikoko?

Pidä luettava sisältö vähintään 40 px:n ja pienet selitteet vähintään noin 28 px:n kokoisina 1080×1920-pohjalla.

### Mitataanko Instagram-fonttikoko pikseleinä vai pisteinä?

Suunnittele pikseleinä 1080 pikselin leveydellä. Puhelin näyttää julkaisun noin kolmasosan levyisenä, joten 40 px vastaa noin 14 pt:tä, mukavaa lukukokoa.

### Mikä fonttikoko toimii karusellidioissa?

Leipäteksti 40 - 48 px, neljä tai viisi lyhyttä riviä per dia ja ensimmäisen dian otsikko vähintään 90 px.

### Miksi teksti näyttää sumealta julkaisun jälkeen?

Instagram pakkaa lataukset, mikä pehmentää ohuita vetoja ja pientä tekstiä. Käytä vahvempia leikkauksia ja suurempia kokoja sekä vie tekstipainotteinen kuva PNG:nä JPG:n sijaan.