M Marka Get Marka

How to crop a screenshot for social media

Which shape each destination actually wants, why cropping a tall phone screenshot to a square usually destroys it, what to do instead, and where the unsafe bands are on a vertical story.

A screenshot and a social post want different shapes, and the gap is larger than people expect. A modern phone screenshot is roughly 19.5:9 — a tall, narrow strip. Almost every feed wants something between a square and a wide rectangle. Naively cropping the first into the second is why so many shared screenshots arrive as an unreadable middle slice of a conversation.

The number makes it concrete. Take a 1290 by 2796 screenshot and crop it to 1:1 and you keep 1290 by 1290 pixels: 46 percent of the height, and 54 percent of the image is gone. Not compressed, not shrunk — gone. If the thing you were showing spanned the screen, it did not survive.

What each destination actually wants

These are the shapes that currently display well rather than the maxima the uploaders will accept, and they change without notice, so treat the reasoning as durable and the numbers as something to check before a campaign.

The pattern worth extracting: only the vertical-video surfaces and Pinterest want anything close to the shape a phone screenshot already is. Everywhere else you are converting, and the question is whether you convert by cutting or by padding.

Pad, do not cut

The move that solves most of this is to stop cropping and start placing. Put the whole screenshot, uncut, onto a background of the target shape. For a square post, that means a 1:1 canvas with the tall screenshot centred and coloured space either side. You lose nothing, the image reads as a deliberate composition rather than a botched crop, and the screenshot keeps the proportions the reader’s own phone has, which is what makes it recognisable as a screenshot at all.

Rounded corners and a soft drop shadow do real work here, for a reason that is not decoration: they separate the screenshot from the background so the eye reads it as a phone screen rather than as the post itself. Without that separation, a white app screenshot on a white canvas merges into the page and the reader cannot tell where the evidence ends and your design begins.

Padding also gives you somewhere to put a caption without covering the interface you are showing, which is otherwise the most common reason people crop in the first place.

When cutting is right

The safe area on a vertical story

A 9:16 story is not fully visible. The platform draws its own interface over the top and bottom: the account row, the progress bars, the caption and reply field, the share affordances. As a working figure, keep everything that must be read out of roughly the top and bottom eighth of the canvas, and be more conservative than that for anything near a corner. Exact bands differ by app and change between versions, so post one test story to a private account and look at it on a real phone before you commit a series.

This interacts badly with the padding advice: if you centre a tall screenshot on a 9:16 canvas it will fill the height and run straight under the interface. Scale it down until the whole screenshot sits inside the middle band. It will be smaller than you want. That is the price of the format.

Read it at the size it will be seen

The single check that catches the most failures: shrink the finished image to about 400 pixels wide and look at it. That is roughly a feed thumbnail. If the text you are pointing at is unreadable there, the post has failed regardless of how good it looks at full size, and the fix is not a bigger arrow — it is cropping to the region that matters, or splitting into two images.

The same applies to annotation weight. Marks calibrated at full zoom vanish at thumbnail size. Judge them shrunk, always.

Doing it in Marka

Marka crops freely or to 1:1, 16:9, 9:16, 4:3, 3:4, 3:2 or 2:3, with quarter-turn rotation and horizontal or vertical flip, and all of that is free. Worth stating plainly: 4:5 is not one of the presets, so for an Instagram portrait post you use the free crop and set it by eye or by the numbers you want. For the padding approach there is a backdrop treatment in Pro — padding, rounded corners, a drop shadow, and a fill that is plain white, graphite, one of three gradients, or transparent — all measured as proportions of the image, so the same setting looks right on a phone screenshot and on a desktop capture. On Mac you can also export to a fixed-size canvas, which is the direct way to produce an exact 1080 by 1350 or 1080 by 1920 file. Nothing is uploaded and there is no account; the interface is in Simplified Chinese in this version, which is worth knowing before installing.

Frequently asked questions

What aspect ratio is a phone screenshot?

On current iPhones roughly 19.5:9 — for example 1290 by 2796 pixels. That is far taller than any feed wants except vertical video and Pinterest, which is why converting a screenshot for a square post throws away more than half the image unless you pad rather than crop.

Why does my screenshot look terrible cropped to a square?

Because a 1:1 crop of a 19.5:9 image keeps 46 percent of the height. Anything that spanned the screen — a conversation, a form, a settings list — is cut through the middle. Put the whole screenshot on a square background instead, with padding either side, and nothing is lost.

What is the best ratio for an Instagram feed post of a screenshot?

4:5 portrait, because it is the tallest shape the feed shows at full size and therefore keeps the most of a tall screenshot. Pad the sides rather than cropping the top and bottom. In Marka, 4:5 is not one of the eight crop presets, so use the free crop for it.

How much of a vertical story is covered by the interface?

As a working figure, roughly the top and bottom eighth of the 9:16 canvas, with corners worse than edges. The exact bands vary by app and change between versions, so post one test to a private account and look at it on a phone before committing to a series.

Should I add a background behind the screenshot?

Usually yes, once you are padding rather than cropping. A background with rounded corners and a soft shadow separates the screenshot from the post so the reader sees it as a phone screen rather than as your layout — which matters most for white app screenshots on a white feed, where the two otherwise merge.

Do it in Marka

Marka is a screenshot markup app for iPhone, iPad and Mac. Brush a mosaic over what should not be seen, point an arrow at what should, number the steps, crop it to the shape you are posting in, and send. Everything is processed on the device — no upload, no account, no analytics, and a 2.4 MB download. Opening, cropping, the mosaic brush and export are free; Pro is a one-time purchase that covers all three platforms.

Download on the App Store

Related guides

All guides