# Medium-kuvan koko: hyvin rajautuva 1400×788-otsakekuva [Canonical HTML page](https://gradiently.design/fi/guide/medium-story-image-size) Otsakekuvasi näkyy artikkelia useammassa paikassa: syötteessä, lukulistalla ja jaetussa linkissä. Jokainen rajaa sen hieman eri tavalla. ## The short version - Hyvä Medium-kuvan koko otsakkeeseen on 1400×788 pikseliä, noin 16:9-vaakakuva. - Medium käyttää yhtä artikkelin kuvaa esikatselussa. Voit valita sen julkaisuasetuksissa. - Medium rajaa esikatselukuvia eri paikoissa eri muotoihin, joten aihe ja teksti kuuluvat keskelle. - Somessa jaetun Medium-artikkelin kuva rajataan uudelleen leveämpään linkkiesikatselun muotoon. - Artikkelin sisäiset kuvat voivat olla tekstipalstalla, hieman sitä leveämpiä tai koko näytön levyisiä. Paras **Medium-kuvan koko** artikkelin otsakkeeseen on 1400×788 pikseliä, lähellä 16:9-vaakakuvaa. Medium skaalaa sen eri näytöille, ja 1400 pikselin leveys pysyy terävänä täydellä leveydellä. Valitset julkaistaessa yhden kuvan esikatseluun. Medium rajaa sitä eri muotoihin syötteessä, listoilla ja jaetuissa linkeissä. Pidä siis aihe ja sanat kehyksen keskellä sekä tausta yksinkertaisena kaikilla reunoilla. ## Medium-kuvakoot yhdellä silmäyksellä | Kuva | Suunnittelukoko | Kuvasuhde | Huomiot | | --- | --- | --- | --- | | Artikkelin otsake | 1400×788 px | 16:9 | Tavallisesti myös esikatselukuva | | Koko leveyden kuva | 1400×788 px tai leveämpi | Mikä tahansa vaakamuoto | Täyttää näytön leveyden | | Tekstipalstan kuva | 1400 px leveä | Mikä tahansa | Skaalataan palstan kokoon | | Jaetun linkin esikatselu | Rajataan esikatselukuvastasi | Noin 1,91:1 | Näin X, LinkedIn ja muut näyttävät sen | 1400 pikselin leveys kattaa Mediumin kaikki kuvapaikat. Leveämmät käyvät mutta näyttävät harvoin terävämmiltä. - Medium-otsake 1400×788: 1400 × 788 - Linkkiesikatselu 1200×630: 1200 × 630 - Blogibanneri 1200×600: 1200 × 600 - Neliö 1080×1080: 1080 × 1080 Medium-otsake ja sen rajausmuodot rinnakkain. Listan neliöpikkukuva säilyttää vain keskiosan. ## Miten Medium rajaa pääkuvan Otsake ei näy kahdesti samoin. Artikkelin alussa se näkyy kokonaan. Etusivun syötteessä ja aihesivuilla se voidaan rajata leveämmäksi tai kapeammaksi suorakulmioksi. Joillakin listoilla se kutistuu lähes neliöksi. Toisessa verkossa jaettu linkki rajataan taas esikatselumuotoon, joka on hieman 16:9:ää leveämpi. Ylä- ja alareunasta lähtee silloin kaistale. | 1400×788-kehyksen alue | Säilyy | Käyttö | | --- | --- | --- | | Keskellä 788×788-neliö | Kaikissa rajauksissa | Otsikkosanat, aihe, logo | | Vasen ja oikea kolmannes | Vain leveissä rajauksissa | Tausta, tukimuodot | | Ylä- ja alareunan 30 px | Ei jaetuissa linkeissä | Vain tausta | Keskimmäinen neliö säilyy kaikissa rajauksissa. Sen ulkopuolella on tunnelmaa. Leveä Medium-otsake tekstillä Vuosi päivittäistä kirjoittamista keskitettynä liukuvärille Koko otsake: sanat keskellä, tausta kaikille reunoille asti. Sama otsake neliöksi rajattuna, otsikko yhä kokonaan näkyvissä keskellä Sama otsake neliöpikkukuvana. Keskitetyt sanat säilyvät. ## Mediumin esikatselukuvan valinta 1. **Laita otsake ensin** Lisää 1400×788-kuva artikkelin alkuun ennen ensimmäistä kappaletta. 2. **Avaa julkaisuvalinnat** Medium näyttää ennen julkaisua esikatselun otsikkoineen, alaotsikkoineen ja kuvineen. 3. **Valitse tai vaihda kuva** Jos Medium valitsi väärän kuvan, vaihda se esikatselussa tarkoitukseen suunnittelemaasi. 4. **Kirjoita oikea alaotsikko** Esikatselun alaotsikko kulkee kuvan mukana syötteeseen. Yksi selkeä lause voittaa vihjailun. 5. **Tarkista jaettu linkki** Liitä julkaisun jälkeen linkki toisen verkon julkaisuluonnokseen nähdäksesi rajauksen. Lisää samalla joka kuvaan vaihtoehtoinen teksti. Mediumissa on sille kenttä jokaisella kuvalla. Se kertoo ruudunlukijoille ja hakukoneille kuvan sisällön. ## Medium-artikkelin sisäiset kuvat Otsakkeen alla Medium antaa kuville sommittelun: tekstipalstalla, hieman palstaa leveämpänä tai koko näytön levyisenä. Lataa kaikki kuvat vähintään 1400 pikselin levyisinä ja valitse sommittelu tehtävän, ei tavan mukaan. - **Palstalla** kaaviot, kuvakaappaukset ja kuvaajat, joita tutkitaan tekstin rinnalla. - **Hieman leveämpänä** kuva tai kuvitus, joka ansaitsee pysähdyksen katkaisematta rytmiä. - **Koko leveydellä** yksi tai kaksi hetkeä pitkässä tekstissä, kuten osion avaus. Joka kuvassa käytettynä se ei tunnu erityiseltä. - **Rinnakkain** vertailut samanmuotoisilla kuvilla, jotta korkeudet täsmäävät. ## Pitkään tekstiin sopivat otsakekuvat Medium-otsake luo tunnelman ennen ensimmäistä sanaa. Kuvapankkien kannettavia ja kahvikuppeja näkyy kaikkialla, joten yksinkertainen typografinen otsake harkitulla taustalla erottuu. Se myös kertoo lukijalle kuvan olevan sinun. [Toimituksellinen design](https://gradiently.design/fi/guide/editorial-design-for-social) neuvoo tekemään sanoista kuvan. ### Vältä - Yleistä kuvapankkikuvaa työpöydästä - Koko otsikkoa pienenä yli kuvan leveyden - Vasempaan reunaan työnnettyjä sanoja - Uutta tyyliä joka artikkeliin - Liukuvärin raskasta JPG-pakkausta ### Tee näin - Typografinen otsake omistamallasi taustalla - Kolme tai kuusi sanaa suurella keskelle - Yksinkertainen tausta reunoille - Sama ilme kaikkiin artikkeleihin - PNG tai laadukas JPG pienellä rakeisuudella Pidä kuvan sanat artikkelin otsikkoa lyhyempinä. Otsikko näkyy heti alla, joten kuvaan riittää ilmaus, teema tai sarjan nimi. [Teksti liukuvärillä](https://gradiently.design/fi/guide/text-on-gradient) neuvoo koko rivin luettavuuden. ## Sama otsake Mediumiin, Substackiin ja LinkedIniin Monet kirjoittajat julkaisevat tekstin useassa paikassa. Otsakemuodot eroavat hieman: [Substackin otsakkeet](https://gradiently.design/fi/guide/substack-header-size) ovat 1456×816, [LinkedIn-uutiskirjeiden kannet](https://gradiently.design/fi/guide/linkedin-newsletter-cover) omassa kehyksessään, ja jaettu linkki muuttuu [linkkiesikatselukuvaksi](https://gradiently.design/fi/guide/link-preview-image). Yhden tiedoston rajaaminen kaikkiin siirtää sanoja. Gradientlyssä otsake on suunnitelma, joka voidaan sommitella Prolla kaikkiin kokoihin yhdellä kertaa. Mark piirtyy uudelleen joka kehykseen, jolloin sanat pysyvät keskellä ja luettavina leikkautumisen sijaan. Lisää otsikkofontti kerran Pron brändipakettiin, ja Designer käyttää sitä kaikissa otsakkeissa. Näin artikkelit kuuluvat samaan sarjaan. ## FAQ ### Mikä on paras Medium-kuvakoko? Artikkelin otsakkeeseen 1400×788 pikseliä. Sisäkuvien tulee olla vähintään 1400 pikseliä leveitä, jotta ne pysyvät terävinä täydellä leveydellä. ### Miten vaihdan Mediumin esikatselukuvan? Valitse julkaistaessa näkyvästä esikatselusta haluamasi kuva. Voit muuttaa sitä myöhemmin artikkelin asetuksissa. ### Miksi Medium-kuvani rajautuu? Medium rajaa esikatselukuvat syötteessä ja listoilla eri muotoihin. Muut verkot rajaavat linkit uudelleen. Pidä tärkeä sisältö keskellä. ### Tukeeko Medium vaihtoehtoista tekstiä? Kyllä. Jokaisella kuvalla on vaihtoehtoisen tekstin kenttä. Kirjoita lyhyt kuvaus sisällöstä. ### Minkä kokoisia artikkelin sisäkuvien tulee olla? Vähintään 1400 pikseliä leveitä. Medium skaalaa ne valitsemaasi palstaan, hieman leveämpään muotoon tai koko näytön leveyteen.