# Facebook-julkaisun koko: neliö, pystykuva ja linkkikuva

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

Facebook näyttää syötteessä kolmenlaisia kuvia: neliöjulkaisuja, korkeita pystyjulkaisuja ja jaetun linkin kortteja. Jokaisella on oma kokonsa ja omat sudenkuoppansa.

## The short version

- Suositeltu Facebook-julkaisun koko on neliökuvalle 1200×1200 pikseliä ja 4:5-pystykuvalle 1080×1350 pikseliä.
- Pystyjulkaisu vie mobiilisyötteessä neliötä enemmän näyttötilaa ja on yleensä vahvempi valinta suunnitellulle grafiikalle.
- Jaettujen linkkien kuvat tulevat sivun Open Graph -kuvasta, jonka tulisi olla 1200×630 pikseliä.
- Kun julkaiset useita kuvia yhdessä, Facebook järjestää ja rajaa ne asetteluksi, joten jokaisen kuvan aihe kannattaa pitää keskellä.
- Facebook pakkaa lataukset uudelleen. Teksti ja liukuvärigrafiikka näyttävät siistimmiltä, kun viet PNG:n täsmälleen suositellussa koossa.

Paras **Facebook-julkaisun koko** on neliölle 1200×1200 pikseliä ja 4:5-pystykuvalle 1080×1350 pikseliä. Pystykuva on mobiilisyötteessä korkeampi, joten se saa yleensä enemmän huomiota suunniteltuna julkaisuna. Jaetun linkin alle ilmestyvä kuva on eri asia: se tulee linkitetystä sivusta, ja sen tulisi olla 1200×630 pikseliä. Valitse muoto sisällön mukaan, tee kuva täsmälleen sen koossa ja pidä teksti irti reunoista.

## Facebook-julkaisukoot yhdellä silmäyksellä

| Muoto | Koko (px) | Kuvasuhde | Paras kohde |
| --- | --- | --- | --- |
| Neliöjulkaisu | 1200×1200 | 1:1 | Eri alustoille jaettava grafiikka, tuotekuvat |
| Pystyjulkaisu | 1080×1350 | 4:5 | Ilmoitukset, tarjoukset ja otsikolliset julkaisut |
| Linkkikuva | 1200×630 | 1,91:1 | Jaetun verkkolinkin kortti |
| Tarina | 1080×1920 | 9:16 | Koko näytön lyhytikäiset julkaisut |
| Tapahtumakansi | 1920×1005 | noin 1,91:1 | Tapahtuman yläosan banneri |

Facebookin syötemuodot ja kaksi niiden rinnalle usein tehtävää muotoa. Sivujen kansikuvia käsitellään erikseen.

- Neliö 1200×1200: 1200 × 1200
- Pystykuva 1080×1350: 1080 × 1350
- Linkkikuva 1200×630: 1200 × 630

Kolme syötemuotoa mittakaavassa. Korkeus täyttää puhelimen näyttöä selaamisen aikana.

Muilla muodoilla on omat oppaansa: [Facebook-tarinan koko](https://gradiently.design/fi/guide/facebook-story-size), [Facebook-tapahtumakannen koko](https://gradiently.design/fi/guide/facebook-event-cover-size) ja [Facebook-kansikuvan koko](https://gradiently.design/fi/guide/facebook-cover-size). Kaikki alustat kokoaa [somekuvien koot](https://gradiently.design/fi/guide/social-media-image-sizes).

## Neliö vai pystykuva Facebook-julkaisussa

Useimmat katsovat Facebookia puhelimella. Syöte on yksipalstainen, ja 4:5 on korkein ilman rajausta näkyvä kuvasuhde. Pystyjulkaisu täyttää enemmän näyttöä ja pysyy hieman pidempään näkyvissä selatessa. Neliö on parempi, kun sama grafiikka menee myös Instagramiin, LinkedIniin ja Threadsiin tai aihe on luontaisesti neliömäinen.

Paikallisen kuntosalin Facebook-julkaisu 1080×1350 ilmoittaa uusista tunneista toukokuussa

Pystykuva: tilaa otsikolle, lisätietoriville ja väljyyttä niiden ympärillä.

Saman kuntosali-ilmoituksen 1200×1200-neliöversio

Neliö: sama viesti tiiviimpänä, valmiina LinkedIniin ja Instagramiin.

Huomaa kokoero. Facebookin neliöjulkaisu tehdään kokoon 1200×1200, pystykuva yleensä kokoon 1080×1350 eli samaksi tiedostoksi kuin Instagramiin. Jos säilytät yhtä neliömuotoista alkuperäistä usealle verkostolle, vie Facebookiin ja LinkedIniin 1200×1200 sen sijaan, että suurentaisit 1080-tiedoston. [Instagram-neliöjulkaisun koko](https://gradiently.design/fi/guide/instagram-square-post-size) käsittelee uudelleenkäyttöä tarkemmin.

## Facebook-linkkikuvan koko: 1200×630-kortti

Kun jaat verkko-osoitteen, Facebook rakentaa kortin sivun tiedoista: otsikosta, kuvauksesta ja Open Graph -kuvasta. Et lataa tätä kuvaa julkaisun mukana. Kuva määritetään sivun HTML:ssä, ja Facebook hakee sen. Jos kuva puuttuu tai on pieni, kortti näyttää rikkinäiseltä tai tyhjältä.

```html
<meta property="og:title" content="Spring timetable at Riverside Gym">
<meta property="og:description" content="New early classes and Sunday mobility from May.">
<meta property="og:image" content="https://example.com/og/spring-timetable.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
```

Linkkikortin Open Graph -tagit. Kuvan tulee olla 1200×630, ja sen pitää löytyä täydellisestä https-osoitteesta.

Jätä korttiin marginaali, sillä Facebook ja muut sovellukset rajaavat linkkikuvia hieman eri tavoin. Pidä otsikko keskialueella ja logo irti aivan reunasta. [Open Graph -kuvan koko](https://gradiently.design/fi/guide/open-graph-image-size) kertoo koko turva-alueen ja testauksen. [Linkin esikatselukuva](https://gradiently.design/fi/guide/link-preview-image) käsittelee suunnittelua.

## Usean kuvan julkaiseminen kerralla

Kun lataat kaksi tai useampia kuvia yhteen julkaisuun, Facebook järjestää ne asetteluksi. Tavallisesti ensimmäinen kuva näkyy suurimpana ja muut rajataan pienemmiksi ruuduiksi sen viereen tai alle. Et voi täysin hallita järjestystä, joten suunnittele sen ehdoilla.

### Vältä

- Tekstiä kuvasarjan kuvien reunoilla
- Sekavaa ensimmäistä kuvaa, joka peittää asian
- Eri muotojen sekoittamista ja hyvän asettelun toivomista
- Kuvasarjaa, kun yksi vahva kuva riittäisi

### Tee näin

- Aiheet ja tekstit jokaisen kuvan keskelle
- Vahvin kuva ensin, se näkyy suurimpana
- Yksi muoto koko sarjalle
- Yksi pystyjulkaisu yhdelle viestille

## Mitä Facebook-julkaisun kuvaan kannattaa laittaa

Facebook-yleisö seuraa usein sivua, koska käyttää yrityksen palveluja: se haluaa tietää aukioloajat, seuraavan päivän ja uuden tuotteen. Kuvan pitää kertoa tämä yksi asia niin selkeästi, että nopeasti ohi selaava huomaa sen. Kuvatekstiin mahtuu kaikki muu.

- **Muuttuneet aukioloajat:** ”Maanantaina kiinni, perjantaina auki myöhään.” Yksi rivi suurena.
- **Muistettava päivämäärä:** tapahtuman nimi ja päivä, ei muuta kuvaan.
- **Jotain uutta:** tuotteen tai tunnin nimi ja yksi lisätieto, esimerkiksi aloituspäivä.
- **Kiitos tai merkkipaalu:** lyhyt rivi omalla äänelläsi, tausta huolehtii brändin ilmeestä.

## Näin teet Facebook-julkaisuista teräviä

1. **Vie täsmälleen oikeassa koossa** 1200×1200 tai 1080×1350. Facebook skaalaa muun kokoiset, ja jokainen skaalaus pehmentää tekstiä.
2. **Käytä grafiikkaan PNG:tä** Tasainen väri, pehmeät liukuvärit ja hieno teksti paljastavat pakkauksen ensin. Säästä JPEG valokuville.
3. **Tarkista sovelluksen media-asetukset** Facebook-sovelluksen asetuksissa on latauslaadun valintoja. Varmista, ettei tärkeiden kuviesi kohdalla säästetä dataa.
4. **Pidä teksti suurena ja lyhyenä** Yksi otsikko ja yksi tukirivi. Loput sanat kuuluvat kuvatekstiin.
5. **Katso puhelimella** Julkaise testiyleisölle tai esikatsele omalla puhelimellasi. Valtaosa yleisöstäsi näkee kuvan siinä koossa.

Mainostettuihin julkaisuihin pätevät samat koot ja sijoittelujen lisäsäännöt. [Facebook-mainoksen suunnittelu](https://gradiently.design/fi/guide/facebook-ad-design) käy ne läpi. Jos julkaiset Facebookiin ja muihin verkostoihin, Gradientlyn Designer voi kirjoittaa tekstin, asetella sen Markisi päälle ja tehdä samasta suunnitelmasta neliön, pystykuvan ja tarinan niin, että teksti pysyy luettavana kaikissa.

## FAQ

### Minkä kokoinen Facebook-julkaisu on?

Neliöjulkaisu on 1200×1200 pikseliä ja 4:5-pystyjulkaisu 1080×1350 pikseliä.

### Mikä on paras Facebook-linkin esikatselukuvan koko?

1200×630 pikseliä sivun Open Graph -kuvana. Facebook hakee kuvan sivulta, kun linkki jaetaan.

### Onko pystykuva vai neliö parempi Facebookissa?

Pystykuva vie enemmän mobiilisyötettä, joten se on yleensä parempi suunniteltuihin julkaisuihin. Neliö on kätevä, kun sama grafiikka menee usealle alustalle.

### Miksi Facebook-kuvani näyttävät sumeilta?

Yleensä ne on skaalattu tai pakattu voimakkaasti. Vie täsmälleen suositellussa koossa, käytä grafiikkaan PNG:tä ja tarkista sovelluksen latauslaatuasetukset.
