# Bildstorlek på Medium: 1400×788 för rubrikbilder som beskärs bra

[Canonical HTML page](https://gradiently.design/sv/guide/medium-story-image-size)

Din rubrikbild syns på fler ställen än din story: i flödet, i en läsares lista, i en länk som någon delar. Var och en beskär den lite olika.

## The short version

- En bra bildstorlek på Medium för en storys rubrikbild är 1400×788 pixlar, ungefär en liggande 16:9-ram.
- Medium använder en bild ur en story som förhandsvisning, och du kan välja vilken i publiceringsinställningarna.
- Medium beskär förhandsbilder till olika former på olika ställen, så motivet och eventuella ord hör hemma i mitten.
- När en Medium-story delas på sociala nätverk beskärs förhandsbilden igen till den bredare formen för länkförhandsvisning.
- Bilder inuti en Medium-story kan ligga i textspalten, något bredare eller över skärmens hela bredd.

Den bästa **bildstorleken på Medium** för en storys rubrikbild är 1400×788 pixlar, en liggande ram nära 16:9. Medium skalar den för varje skärm, och 1400 pixlars bredd förblir skarp i full bredd. Medium använder en bild som storyns förhandsvisning, som går att välja när du publicerar, och beskär den till olika former i flödet, i listor och i delade länkar. Håll därför motivet och eventuella ord i mitten av ramen, med enkel bakgrund mot varje kant.

## Bildstorlekar på Medium i korthet

| Bild | Storlek att designa i | Förhållande | Anmärkningar |
| --- | --- | --- | --- |
| Storyns rubrikbild | 1400×788 px | 16:9 | Också den vanliga förhandsbilden |
| Bild i full bredd | 1400×788 px eller bredare | Valfritt liggande | Sträcker sig över hela skärmen |
| Bild i textspalten | 1400 px bred | Valfritt | Skalas ned till spalten |
| Förhandsvisning av delad länk | Beskuren från din förhandsbild | Ungefär 1,91:1 | Så visar X, LinkedIn och andra den |

1400 pixlars bredd täcker varje placering inuti Medium. Bredare bilder går bra men ser sällan skarpare ut.

- Medium-rubrikbild 1400×788: 1400 × 788
- Länkförhandsvisning 1200×630: 1200 × 630
- Bloggbanderoll 1200×600: 1200 × 600
- Kvadrat 1080×1080: 1080 × 1080

Medium-rubrikbilden bredvid formerna den beskärs mot. En kvadratisk miniatyr i en lista behåller bara mitten av ramen.

## Hur Medium beskär din utvalda bild

Din rubrikbild visas aldrig på samma sätt två gånger. Överst i storyn visas den i sin helhet. I startflödet och på ämnessidor kan den trimmas till en bredare eller smalare rektangel. I vissa listor krymper den till en liten, nästan kvadratisk miniatyr. När någon delar länken på ett annat nätverk beskär det nätverket den igen till formen för länkförhandsvisning, som är något bredare än 16:9, så en remsa försvinner upptill och nedtill.

| Område i 1400×788-ramen | Överlever | Använd det till |
| --- | --- | --- |
| Mittersta kvadraten 788×788 | Varje beskärning | Titelord, motivet, en logotyp |
| Vänstra och högra tredjedelen | Bara breda beskärningar | Bakgrund, stödjande former |
| Övre och nedre 30 px | Inte på delade länkar | Bara bakgrund |

Den mittersta kvadraten är den enda yta som varje beskärning behåller. Allt utanför den är stämning.

En bred rubrikbild för en Medium-story med texten Ett år av dagligt skrivande, centrerad på en gradient

Hela rubrikbilden: orden centrerade, bakgrunden ända ut till varje kant.

Samma rubrikbild beskuren till en kvadrat, med titeln fortfarande helt synlig i mitten

Samma rubrikbild som en kvadratisk miniatyr. Eftersom orden var centrerade överlever de.

## Så ställer du in förhandsbilden på Medium

1. **Lägg rubrikbilden först** Lägg din 1400×788-bild överst i storyn, före det första stycket.
2. **Öppna publiceringsalternativen** Medium visar en förhandsvisning av storyn med titel, underrubrik och bild innan du publicerar.
3. **Välj eller byt bild** Om Medium valde fel bild, byt den i förhandsvisningen till den du designade för det.
4. **Skriv en riktig underrubrik** Underrubriken i förhandsvisningen följer med bilden ut i flödet. En tydlig mening slår en teaser.
5. **Kontrollera en delad länk** Efter publicering, klistra in länken i ett utkast på ett annat nätverk för att se hur förhandsbilden beskärs.

Lägg till alternativtext på varje bild medan du ändå är där: Medium har ett fält för det på varje bild, och det är så skärmläsaranvändare och sökmotorer förstår vad bilden visar.

## Bilder inuti en Medium-story

Under rubrikbilden ger Medium varje bild en layout: i textspalten, något bredare än spalten eller över skärmens hela bredd. Ladda upp varje bild med minst 1400 pixlars bredd och välj layout efter uppgift, inte efter vana.

- **I spalten** för diagram, skärmdumpar och grafer som läsaren studerar vid sidan av texten.
- **Något bredare** för ett foto eller en illustration som förtjänar en paus utan att bryta flödet.
- **Full bredd** för ett eller två ögonblick i ett långt stycke, som en avsnittsöppning. Används det på varje bild känns det inte längre speciellt.
- **Sida vid sida** för jämförelser, med bilder av samma form så att höjderna stämmer.

## Rubrikbilder som passar långa läsningar

En rubrikbild på Medium sätter tonen före det första ordet. Stockfoton av bärbara datorer och kaffekoppar finns överallt på plattformen, och därför sticker en enkel typografisk rubrikbild på en genomtänkt bakgrund ut. Den berättar också för läsarna att den är din. [Redaktionell design](https://gradiently.design/sv/guide/editorial-design-for-social) har mer om att göra orden till bilden.

### Undvik

- Ett generiskt stockfoto av ett skrivbord
- Hela titeln i liten text över hela bredden
- Ord tryckta mot vänsterkanten
- En ny stil för varje story
- Kraftig JPG-komprimering av en gradient

### Gör så här

- En typografisk rubrikbild på en bakgrund du äger
- Tre till sex ord, stora, i mitten
- Enkel bakgrund mot kanterna
- Ett utseende genom varje story du publicerar
- PNG, eller en JPG av hög kvalitet med lite korn

Håll rubrikbildens ord kortare än storyns titel. Titeln står tryckt rakt under den, så bilden kan bära en fras, ett tema eller bara ditt serienamn. Om orden ligger på en gradient förklarar [text på en gradient](https://gradiently.design/sv/guide/text-on-gradient) hur du håller dem läsbara längs hela raden.

## En rubrikbild för Medium, Substack och LinkedIn

Många skribenter publicerar samma text på flera ställen. Varje plattforms rubrikbild är en något olik rektangel: [Substack-rubrikbilder](https://gradiently.design/sv/guide/substack-header-size) är 1456×816, [omslag för LinkedIn-nyhetsbrev](https://gradiently.design/sv/guide/linkedin-newsletter-cover) har sin egen ram och varje delad länk blir en [länkförhandsbild](https://gradiently.design/sv/guide/link-preview-image). Att beskära en fil för alla flyttar orden.

I Gradiently är en rubrikbild en design som kan läggas ut på nytt i var och en av de storlekarna i ett enda steg med Pro, med Marken ritad på nytt för varje ram, så att orden förblir centrerade och läsbara i stället för beskurna. Lägg ditt rubriktypsnitt i Pro-varumärkesunderlaget en gång så använder Designer det på varje rubrikbild den lägger ut, så att varje story ser ut som en del av samma serie.

## FAQ

### Vilken är den bästa bildstorleken för Medium?

1400×788 pixlar för en storys rubrikbild. Bilder inuti storyn bör vara minst 1400 pixlar breda för att förbli skarpa i full bredd.

### Hur byter jag förhandsbild på Medium?

I storyförhandsvisningen som visas när du publicerar väljer du bilden som Medium ska använda. Du kan också ändra den senare i storyns inställningar.

### Varför är min Medium-bild beskuren?

Medium trimmar förhandsbilder till olika former i flödet och i listor, och andra nätverk beskär delade länkar igen. Håll det viktiga innehållet i mitten.

### Stöder Medium alternativtext?

Ja. Varje bild har ett fält för alternativtext. Skriv en kort beskrivning av vad bilden visar.

### Vilken storlek ska bilder inuti en Medium-story ha?

Minst 1400 pixlar breda. Medium skalar dem till spalten, en något bredare layout eller skärmens hela bredd, beroende på vilken layout du väljer.
