# Substackin yläkuvan koko: 1456×816 julkaisuihin ja jakoihin [Canonical HTML page](https://gradiently.design/fi/guide/substack-header-size) Substack-julkaisun yläkuva tekee kolme tehtävää: se aloittaa sähköpostin, edustaa julkaisua sivustolla ja sovelluksessa sekä kulkee jokaisen jaetun linkin mukana. ## The short version - Hyvä Substack-julkaisun yläkuvan koko on 1456×816 pikseliä, vaakakuva lähellä kuvasuhdetta 16:9. - Substack-julkaisun ensimmäinen kuva aloittaa sähköpostin ja muuttuu yleensä julkaisun pikkukuvaksi ja some-esikatseluksi. - Substackissa voit valita julkaisun asetuksista erillisen some-esikatselukuvan, jos yläkuva ei sovi jakamiseen. - Jaetut linkit rajaavat kuvan hieman leveämpään muotoon, joten sanat ja kohde kuuluvat yläkuvan keskelle. - Sama asettelu ja ilme jokaisen numeron yläkuvassa tekee uutiskirjeestä tunnistettavan postilaatikoissa, syötteissä ja Substack-sovelluksessa. **Substackin yläkuvan koko** julkaisua varten on 1456×816 pikseliä eli vaakakuva lähellä kuvasuhdetta 16:9. Julkaisun yläosaan sijoitettuna se aloittaa sähköpostin, näkyy pikkukuvana julkaisusi etusivulla ja Substack-sovelluksessa sekä toimii linkin jakamisen esikatselukuvana. Jaetut linkit ja pikkukuvat rajaavat sitä hieman, joten pidä otsikko ja kohde keskellä ja anna taustan jatkua reunoille. ## Substack-julkaisun kuvakoot | Kuva | Suunnittelukoko | Kuvasuhde | Näyttöpaikka | | --- | --- | --- | --- | | Julkaisun yläkuva | 1456×816 px | Noin 16:9 | Sähköpostin ja verkkojulkaisun yläosa | | Pikkukuva | Poimitaan yläkuvasta | Rajattu | Julkaisun etusivu, arkisto, sovellus | | Some-esikatselu | 1456×816 px tai oma valinta | Jaettuna noin 1,91:1 | Linkit X:ssä, LinkedInissä, Blueskyssa ja viesteissä | | Tekstin kuvat | 1456 px leveä | Mikä tahansa | Skaalataan julkaisun leveyteen | Julkaisun logo ja sanamerkki ovat erillisiä asetuksia omine muotoineen. Tämä taulukko käsittelee yksittäisten julkaisujen kuvia. Yli 1456 pikselin levyisen kuvan lataamisesta ei ole hyötyä, ja paljon pienempi kuva näyttää pehmeältä suurilla näytöillä. Jos et tiedä, tarkoittaako joku julkaisun yläkuvaa vai jokaisen sähköpostin yläreunan banneria, jälkimmäinen on julkaisusi sanamerkki tai logo. Se asetetaan kerran julkaisun asetuksissa. - Substack-yläkuva 1456×816: 1456 × 816 - Linkkiesikatselu 1200×630: 1200 × 630 - Medium-yläkuva 1400×788: 1400 × 788 - Sähköpostin yläkuva 1200×600: 1200 × 600 Substack-yläkuva ja sen kanssa tehtäviä jakavat muodot. Ne ovat lähellä toisiaan, mutta rajaaminen yhdestä toiseen hukkaa silti jotakin. ## Sanojen paikka Substack-yläkuvassa Kun julkaisu jaetaan, useimmat verkostot näyttävät esikatselukuvan noin kuvasuhteella 1,91:1. Se on hieman leveämpi kuin 1456×816-yläkuva, joten ylhäältä ja alhaalta poistuu noin 25 pikseliä. Etusivun ja sovelluksen pikkukuvat voivat leikata myös sivuja. Sijoita sanat keskialueelle ja jätä vasemmalle ja oikealle noin 120 pikseliä pelkkää taustaa, niin yläkuva kestää kaikki rajaukset. Leveä Substack-yläkuva numerolle 42, Hidas internet, rauhallisella liukuvärillä Sähköpostin aloittava julkaisun yläkuva: numeron tunnus, otsikko ja yksi rivi taustatietoa. Sama yläkuva 1200×630-linkkiesikatseluna numeron ja otsikon säilyessä kokonaisina Sama julkaisu jaetun linkin esikatseluna. Keskitettyjen sanojen ansiosta rajauksessa ei katoa mitään tärkeää. ## Aseta yläkuva ja somekuva Substackissa 1. **Lisää yläkuva ensin** Lisää 1456×816-kuvasi julkaisun ensimmäiseksi elementiksi aloituskappaleen yläpuolelle. 2. **Kirjoita vaihtoehtoinen teksti** Substackissa jokaiselle kuvalle voi antaa vaihtoehtoisen tekstin. Kuvaa yhdellä virkkeellä, mitä siinä näkyy. 3. **Avaa julkaisun asetukset** Avaa ennen julkaisemista julkaisun asetukset ja etsi some-esikatselun ja pikkukuvan valinnat. 4. **Aseta tarvittaessa erillinen somekuva** Jos yläkuva on valokuva, joka ei yksin selitä julkaisua, lataa jakamista varten versio, jossa on otsikko. 5. **Tarkista esikatselu** Lähetä itsellesi testisähköposti ja liitä julkaisun linkki toisen verkoston luonnokseen, jotta näet molemmat versiot. ## Tunnistettavan uutiskirjeen yläkuvaideat Lukijat silmäilevät postilaatikoita ilmeen perusteella ennen aiherivin lukemista. Uutiskirje, jonka jokainen numero alkaa samalla asettelulla, typografialla ja taustaperheellä, tunnistetaan heti. [Uutiskirjeen brändi-ilme](https://gradiently.design/fi/guide/newsletter-branding) käsittelee nimeä, äänensävyä ja värejä laajemmin. Yläkuvissa nämä mallit toimivat. - **Numero ja otsikko.** Yksinkertainen ratkaisu saa arkiston tuntumaan kokonaiselta tuotannolta. - **Väri joka osiolle.** Jos julkaiset yhtenä viikkona esseen ja toisena koosteen, anna kummallekin formaatille oma väri saman perheen sisältä. - **Nostettu tekstirivi.** Julkaisusta poimittu virke suurena toimii hyvin esseissä ja Notesissa. - **Kuva ilman sanoja.** Kaunis tausta ilman tekstiä sopii sähköpostiin, kunhan asetat jakamista varten otsikoidun somekuvan. - Essee: `linear-gradient(135deg, #1c1917 0%, #44403c 55%, #a8a29e 100%)` - Viikkokooste: `linear-gradient(135deg, #1c1917 0%, #7c2d12 55%, #fdba74 100%)` - Haastattelu: `linear-gradient(135deg, #1c1917 0%, #134e4a 55%, #5eead4 100%)` Kolme uutiskirjeformaattia samalla tummalla pohjalla ja valon suunnalla. Lukija oppii tunnistamaan numeron tyypin ennen otsikon lukemista. ### Vältä - Eri kuvapankkikuva joka viikko - Koko otsikko ahdettuna kuvan leveydelle - Sanat lähellä reunoja, piilossa jaetuissa linkeissä - Pieni teksti, joka katoaa puhelimen postilaatikossa ### Tee näin - Yksi asettelu ja taustaperhe jokaiselle numerolle - Lyhyt otsikko tai numeron tunnus suurena - Sanat keskialueelle - Puhelimen näytölläkin luettava typografia Viikoittaiset yläkuvat ovat toistuvaa työtä, jossa yhtenäisyys helposti horjuu. Gradiently Prolla voit suunnitella yläkuvan kerran ja tehdä eräluonnilla numerosarjan taulukon numeroista ja otsikoista, jokaisen samalla asettelulla. Markisi siirtää rauhallisimman alueensa otsikon taakse jokaisessa kuvassa. Saman numeron voi muuttaa yhdellä kertaa neliöksi Notesiin tai [LinkedIn-uutiskirjeen kanneksi](https://gradiently.design/fi/guide/linkedin-newsletter-cover). Jos julkaiset myös Mediumissa, vertaa [Mediumin kuvakokoa](https://gradiently.design/fi/guide/medium-story-image-size). [Linkkien esikatselukuvat](https://gradiently.design/fi/guide/link-preview-image) kertoo, miten jaetut linkit piirtyvät eri verkostoissa. Sähköpostin asetteluja käsittelee [sähköpostin yläkuvan suunnittelu](https://gradiently.design/fi/guide/email-header-design). ## FAQ ### Minkä kokoinen Substackin yläkuva on? Käytä julkaisun yläkuvassa kokoa 1456×816 pikseliä. Se on lähellä kuvasuhdetta 16:9 ja pysyy terävänä sähköpostissa, verkossa ja sovelluksessa. ### Miten vaihdan Substack-julkaisun pikkukuvan? Avaa julkaisun asetukset ennen julkaisemista ja määritä siellä pikkukuva tai some-esikatselukuva. Oletuksena Substack käyttää julkaisun ensimmäistä kuvaa. ### Miksi Substack-kuvani rajautuu jaettaessa? Useimmat verkostot näyttävät linkkiesikatselun noin kuvasuhteella 1,91:1, joka on yläkuvaa hieman leveämpi. Ylä- ja alareunasta leikataan siis vähän. Pidä sanat keskellä. ### Onko Substackin yläkuva sama kuin julkaisun logo? Ei. Yläkuva on kunkin julkaisun alussa oleva kuva. Logo ja sanamerkki asetetaan kerran julkaisun asetuksissa, ja ne näkyvät jokaisessa numerossa. ### Pitäisikö Substackin yläkuvassa olla tekstiä? Se auttaa jaettaessa, koska kuva kulkee ilman aiheriviäsi. Lyhyt otsikko tai numeron tunnus keskellä riittää. Pitkät otsikot muuttuvat puhelimella lukukelvottomiksi.