Market
Pricing
Sign inStart
Field GuideSocial media
Social media

Medium image size: 1400×788 story headers that crop well

Your header image appears in more places than your story does: the feed, a reader's list, a link someone shares. Each one crops it a little differently.

GradientlyVerified Gradiently account·October 1, 2026·5 min read
Cover: Northern Morning · GR·P4RG·74

The short version

  • A good Medium image size for a story header is 1400×788 pixels, roughly a 16:9 landscape frame.
  • Medium uses one image from a story as its preview, and you can choose which in the publishing settings.
  • Medium crops preview images to different shapes in different places, so the subject and any words belong in the centre.
  • When a Medium story is shared on social networks, its preview image is cropped again to the wider link preview shape.
  • Images inside a Medium story can sit in the text column, slightly wider, or across the full width of the screen.
On this page
Medium image sizes at a glanceHow Medium crops your featured imageHow to set the preview image on MediumImages inside a Medium storyHeader images that suit long readsOne header for Medium, Substack and LinkedIn

The best Medium image size for a story header is 1400×788 pixels, a landscape frame close to 16:9. Medium scales it for every screen, and 1400 pixels wide stays sharp at full width. Medium uses one image as your story's preview, choosable when you publish, and crops it to different shapes in the feed, in lists and in shared links. So keep the subject and any words in the centre of the frame, with plain background towards every edge.

Medium image sizes at a glance

Story header

Size to design at

1400×788 px

Ratio

16:9

Notes

Also the usual preview image
Full width image

Size to design at

1400×788 px or wider

Ratio

Any landscape

Notes

Spans the whole screen
Image in the text column

Size to design at

1400 px wide

Ratio

Any

Notes

Scaled down to the column
Shared link preview

Size to design at

Cropped from your preview image

Ratio

About 1.91:1

Notes

How X, LinkedIn and others show it
ImageSize to design atRatioNotes
Story header1400×788 px16:9Also the usual preview image
Full width image1400×788 px or widerAny landscapeSpans the whole screen
Image in the text column1400 px wideAnyScaled down to the column
Shared link previewCropped from your preview imageAbout 1.91:1How X, LinkedIn and others show it
1400 pixels wide covers every placement inside Medium. Wider images are fine but rarely look sharper.

Medium header 1400×788

1400 × 788

Link preview 1200×630

1200 × 630

Blog banner 1200×600

1200 × 600

Square 1080×1080

1080 × 1080

The Medium header beside the shapes it gets cropped towards. A square thumbnail in a list keeps only the middle of the frame.

How Medium crops your featured image

Your header is not shown the same way twice. At the top of the story it appears in full. In the home feed and in topic pages it can be trimmed to a wider or narrower rectangle. In some lists it shrinks to a small, nearly square thumbnail. When someone shares the link on another network, that network crops it again to the link preview shape, which is a little wider than 16:9, so a sliver comes off the top and bottom.

Centre 788×788 square

Survives

Every crop

Use it for

Title words, the subject, a logo
Left and right thirds

Survives

Wide crops only

Use it for

Background, supporting shapes
Top and bottom 30 px

Survives

Not on shared links

Use it for

Background only
Area of the 1400×788 frameSurvivesUse it for
Centre 788×788 squareEvery cropTitle words, the subject, a logo
Left and right thirdsWide crops onlyBackground, supporting shapes
Top and bottom 30 pxNot on shared linksBackground only
The centre square is the one region every crop keeps. Anything outside it is atmosphere.
Essay
Notes from a year of writing daily
Gradiently · @gradiently

The full header: words centred, background reaching to every edge.

Essay
Notes from a year of writing daily
Gradiently · @gradiently

The same header as a square thumbnail. Because the words were centred, they survive.

How to set the preview image on Medium

  1. 1

    Put the header first

    Add your 1400×788 image at the top of the story, before the first paragraph.

  2. 2

    Open the publish options

    Medium shows a story preview with a title, subtitle and image before you publish.

  3. 3

    Choose or change the image

    If Medium picked the wrong image, change it in the preview to the one you designed for it.

  4. 4

    Write a real subtitle

    The preview subtitle travels with the image into the feed. One clear sentence beats a teaser.

  5. 5

    Check a shared link

    After publishing, paste the link into a draft post on another network to see the preview crop.

Add alt text to every image while you're there: Medium has a field for it on each image, and it is how screen reader users and search engines understand what the picture shows.

Images inside a Medium story

Below the header, Medium gives each image a layout: in the text column, a little wider than the column, or across the full width of the screen. Upload every image at least 1400 pixels wide and choose the layout by job, not by habit.

  • In the column for diagrams, screenshots and charts that the reader studies alongside the text.
  • Slightly wider for a photo or illustration that deserves a pause without breaking the flow.
  • Full width for one or two moments in a long piece, such as a section opener. Used on every image, it stops feeling special.
  • Side by side for comparisons, with images of the same shape so their heights match.

Header images that suit long reads

A Medium header sets the tone before the first word. Stock photos of laptops and coffee cups are everywhere on the platform, which is exactly why a simple typographic header on a considered background stands out. It also tells readers it's yours. Editorial design has more on making words the image.

Avoid

  • A generic stock photo of a desk
  • The full title in small type across the width
  • Words pushed to the left edge
  • A new style for every story
  • Heavy JPG compression on a gradient

Do

  • A typographic header on a background you own
  • Three to six words, large, in the centre
  • Plain background toward the edges
  • One look across every story you publish
  • PNG, or a high quality JPG with a little grain

Keep the header's words shorter than the story title. The title is printed right below it, so the image can carry a phrase, a theme or just your series name. If the words sit on a gradient, text on a gradient explains how to keep them readable across the whole line.

One header for Medium, Substack and LinkedIn

Many writers publish the same piece in several places. Each platform's header is a slightly different rectangle: Substack headers are 1456×816, LinkedIn newsletter covers have their own frame, and every shared link becomes a link preview image. Cropping one file for all of them moves the words.

In Gradiently, a header is a design that can be laid out again at each of those sizes in one step with Pro, with the Mark rendered fresh for every frame, so the words stay centred and readable rather than clipped. Put your heading font in the Pro brand kit once and the Designer uses it on every header it lays out, so each story looks like part of the same series.

Design with a living gradient

Posts, stories, slides and banners in every size, with text that always reads.

Start designing, free

Questions people ask

What is the best image size for Medium?

1400×788 pixels for a story header. Images inside the story should be at least 1400 pixels wide to stay sharp at full width.

How do I change the preview image on Medium?

In the story preview shown when you publish, choose the image you want Medium to use. You can also edit it later from the story's settings.

Why is my Medium image cropped?

Medium trims preview images to different shapes in the feed and in lists, and other networks crop shared links again. Keep important content in the centre.

Does Medium support alt text?

Yes. Each image has an alt text field. Write a short description of what the image shows.

What size should images inside a Medium story be?

At least 1400 pixels wide. Medium scales them to the column, a slightly wider layout or the full screen width, depending on the layout you pick.

Share this guide

Written by GradientlyVerified Gradiently account

The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.

See our profile

On this page

Medium image sizes at a glanceHow Medium crops your featured imageHow to set the preview image on MediumImages inside a Medium storyHeader images that suit long readsOne header for Medium, Substack and LinkedIn

Share this guide

Next in Social media

Substack header image size: 1456×816 for posts and shares

Keep reading

All Social media guides
Social media

Substack header image size: 1456×816 for posts and shares

5 min read

The image at the top of a Substack post does three jobs: it opens the email, it represents the post on your site and in the app, and it travels with every shared link.

Social media

Link previews: why your shared links look broken, and the fix

6 min read

You paste your link into a chat and get a grey box, the wrong picture or a logo cropped in half. Almost every broken preview comes down to one of eight causes, and all of them are fixable in minutes.

Social media

OG image size: 1200×630 link previews that work everywhere

6 min read

Every time someone pastes your link, a small picture decides whether anyone clicks it. Here is the size, the tags and the layout that make that picture work.

Find the look that’s only yours.

Every Mark is a living background with one owner. Try an unclaimed Mark, and claim yours when it feels right.

Start designing

Check a certificate

Type a certificate number or a Mark’s code to see who owns it.

Works with ChatGPT and Claude

Ask your AI for a design. It makes it in your Mark, ready to edit.

ChatGPTClaude
How to connect

Product

  • Market
  • Explore
  • Pricing
  • Certificates

Learn

  • Field Guide
  • Help centre
  • What’s new

Developers

  • Overview
  • ChatGPT and Claude
  • API reference
  • API keys

Company

  • About
  • Contact us
  • Sign in

Legal

  • Terms
  • Privacy
  • Refunds
  • Mark protection
  • Cookies
  • All policies
Move through the letters. Each one wears a real Mark.Touch a letter to see its Mark.One name. Ten Marks inside it.
© 2026 Gradiently