How to make screenshots look good on social media

Updated October 30, 2026

A screenshot looks good in a feed when it shows one thing clearly, sits on a calm background with room around it, and is exported at the size the platform expects. Crop to the part that matters, add padding and a background, put phone screenshots in a device frame, keep a soft shadow, and post a JPEG at the platform’s size. The rest of this guide explains each step and the mistakes to avoid.

Most screenshots look rough in a feed for the same few reasons: they’re the wrong shape, they’re edge to edge with no breathing room, and the text is too small to read on a phone. None of this needs design skills to fix.

1. Decide what the image is about

Before you open any tool, name the one thing the image should show: a new screen, a feature, a before and after. Everything else is noise. A screenshot of a whole app window with a tiny new button in one corner doesn’t show the button.

Crop to what matters. For a Mac app, capture just the window, or just the panel you changed. For a phone, the full screen is usually right, because the frame gives it context.
Clean the screen first. Use realistic sample data, close stray panels, hide personal names and emails, and set a tidy status bar.
One idea per image. If you have three features to show, make three images or a carousel, not one crowded one.

2. Give it room

A screenshot pressed against the edge of the image looks cut off, and some feeds trim the edges of the preview. Padding fixes both. Leave a margin of roughly a tenth of the canvas on every side, more for a single phone on a wide canvas.

The canvas shape matters as much as the margin. A tall phone screenshot posted as it is gets cropped or shrunk in most feeds. Place it on a canvas in the platform’s shape instead: 4:5 for Instagram and LinkedIn posts, 16:9 for X, 9:16 for Stories. Image sizes for sharing app screenshots lists them all.

3. Pick a background that stays out of the way

The background frames the screenshot. It shouldn’t compete with it.

Solid colors are the safest choice. Pick one from your app’s palette, a shade lighter or darker than the interface so the edges stay visible.
Soft gradients add depth without detail. Two close colors work better than a rainbow.
Wallpapers and photos look rich but busy. They work behind a single device with plenty of contrast, and less well behind small text.

Use contrast to separate the screenshot from the background: a dark interface on a light background, or a light interface on a dark one. If the interface and background are both white, the screenshot disappears.

4. Add a soft shadow

A faint shadow lifts the screenshot off the background and makes it read as an object. Keep it soft and low-contrast: a wide blur at low opacity, falling slightly below the screenshot. A hard, dark shadow looks dated and draws the eye away from the content.

5. Frame it, or don’t

Whether to use a device frame depends on what the screenshot is.

Screenshot	Best presentation
Full iPhone or iPad screen	A device frame. People recognize a phone instantly, and the frame hides the hard rectangle of the screenshot.
Mac window	A plain card: the window on a background, with its own rounded corners and a soft shadow. No device needed.
Part of a screen	A plain card with rounded corners, or a zoomed-in callout next to the full screen.

For device frames, a realistic frame looks polished and specific. A minimal one, like a clay mockup, keeps attention on the interface and can match your brand colors. For Mac windows, remove macOS’s own drop shadow first and add a cleaner one; see how to take a Mac screenshot without the shadow.

6. Add a little angle, or none

A slight tilt makes a phone feel like an object and adds movement to a static image. Keep it gentle. A screen tilted too far is hard to read, and text in it gets squashed. Straight-on works best when the content is dense, like a settings screen or a long list.

7. Keep a series consistent

When you post several images, or a carousel, they should look like a set:

The same canvas size and background, or backgrounds from one palette.
The same device, frame color and angle.
The device in the same position on every image, so swiping feels steady.

Consistency is what makes a series look deliberate rather than thrown together.

8. Make text readable at feed size

Most people see your image on a phone, a few inches wide. Interface text that’s fine on your Mac becomes unreadable there.

Use larger Dynamic Type sizes in the app when you capture, if the screen allows it.
Show fewer, bigger elements rather than a full screen of small rows.
If you add a headline, keep it short and large. A few words beat a sentence.

Test it: look at the exported image on your phone at arm’s length. If you squint, it’s too small.

9. Export at the right size and format

Size: export at the platform’s size or larger, such as 1080 × 1350 for a 4:5 post. Platforms resize images anyway, so a much larger file only slows the upload.
JPEG for posting: it’s small and looks the same once the platform compresses it.
PNG for detail: use it when the image goes into a deck, a website or a design file, or when it needs a transparent background.

Do and don’t

Do	Don’t
Show one idea per image	Cram three features into one screenshot
Leave even padding on every side	Let the screenshot touch the edges
Use a calm background with contrast	Put a white interface on a white background
Keep shadows soft and subtle	Use a hard black drop shadow
Frame phone screenshots in a device	Post a tall raw screenshot that gets cropped
Tilt gently, or not at all	Tilt so far the text is unreadable
Use real-looking sample data	Show test data, personal emails or a 3% battery
Match size, frame and angle across a series	Mix shapes and styles in one carousel

Doing it all at once

You can do every step here in a design app, but it’s repetitive. FeatureFrame does it in one place on your Mac: drop in a screenshot, and it finds the device and frames it in 3D, or frames a Mac window capture as a plain card. Then pick the canvas shape, a background (solid, gradient, macOS wallpaper or your own image), the shadow and the angle, and copy or export a JPEG or PNG at up to 4K. It keeps up to three screenshots on one canvas, and you can add an @handle or logo as a watermark; watermarking screenshots covers when that helps.

For platform specifics, see sharing app screenshots on X and making an Instagram carousel. Get FeatureFrame on the Mac App Store.