How to make a screenshot look good

Give the screenshot room: put it on a calm background with generous padding, round its corners and add a soft shadow so it lifts off the page. Frame it only when the frame explains where it comes from, size the whole image for the platform it is going to, point at the one thing that matters, hide anything private properly, and save at 2x so text stays sharp.

A raw screenshot posted as it is looks like a cropped piece of someone else's screen: hard edges, no breathing room, often the wrong shape for the feed it lands in. A few deliberate choices turn the same pixels into something that reads at a glance and looks intentional.

By Filippo Pelloia·Reviewed October 16, 2026

Start with room around it

Padding is the single change that does the most. A screenshot pressed against the edge of the image looks cut off; the same screenshot with space around it looks placed. Around 6 to 10% of the image's width on each side is a comfortable starting point. Less looks cramped, much more makes the screenshot too small to read on a phone.

Rounded corners finish the edge. Interfaces themselves have rounded windows and cards, so a gentle radius looks natural, while sharp corners on a floating screenshot tend to look unfinished. Keep the radius modest: very round corners start to cut into the content.

Choose a background that stays behind

The background should frame the screenshot, not compete with it. A soft gradient or a solid colour works almost every time. Pick it against the screenshot: a light interface reads well on a mid-tone or dark background, a dark interface on a lighter or more saturated one. Strong patterns and busy photos pull the eye away from the content.

Your own photo can work as a background when it is heavily blurred. The blur keeps its colours and mood while removing detail that would fight with the text on the screenshot.

Use shadow to lift, not to decorate

A soft shadow under the screenshot separates it from the background and gives the image depth. It should be wide and faint rather than dark and tight: the eye should feel the lift without noticing the shadow itself. On a dark background a shadow does little; there, a slightly lighter background or a frame does the separating.

Frame it when the frame tells something

• A browser window says "this is a website". Typing the real address in the bar adds context for free.
• A phone says "this is an app", and fits a tall screenshot naturally.
• A laptop or tablet suits a wide interface shown as a product.
• No frame is often best for a chart, a message or a piece of a page, where the content is the whole point.

A 3D tilt adds energy to a product shot or a launch post. It also makes text harder to read, so keep it for images that are about the look, not about reading every word.

Size it for where it is going

Every platform crops or shrinks images that do not match the shape it expects. Decide the destination first, then let the screenshot fit inside that shape with its padding.

• 16:9 (1920×1080, or 1600×900 for an X post): wide screenshots, X, presentations.
• 1:1 or 4:5: feeds viewed on phones, where a taller image takes more of the screen.
• 9:16 (1080×1920): stories and other full-screen vertical places.
• 1280×720: a YouTube thumbnail.
• 1200×630: the image shown when a link is shared, often called a link preview or Open Graph image.

Save at 2x when the screenshot contains small text. The file is larger, but the platform has more pixels to work with when it scales and compresses the image, and the text stays crisp on high-density phone screens.

Point at one thing

If the screenshot is there to show something specific, say so on the image. One arrow, one outline or one highlighted line is enough; three arrows compete with each other. A short line of text above or below the screenshot, five or six words, works better than a long caption baked into the picture.

Hide private details properly

Screenshots leak more than people expect: email addresses, names in a sidebar, order numbers, tokens in an address bar, notifications in a corner. Look over the whole image before you post it.

• Pixelate with large blocks for anything that must not be read. A light blur can leave short text guessable.
• Crop when the private part is near an edge: what is not in the file cannot leak.
• Check the saved file, not only the preview, and make sure the hidden area is hidden there too.
• Do not rely on layers. A tool that keeps the original under a separate blur layer, or a document format that does, can give the original back.

Pick the right file type

PNG keeps interface edges, text and code exactly as they are, and supports transparency. JPEG and WebP make much lighter files and are the better choice for photos, gradients and blurred backgrounds. When in doubt for a screenshot with text, use PNG.

Do it in the browser

Screenshot Editor does each of these steps in the browser tab, for free: background, padding, corners, shadow, browser and device frames, 3D tilt, the formats above, arrows and text, Blur and Pixelate zones, and PNG, JPEG or WebP export at 1x to 4x. The image is never uploaded.

Common questions

Open Screenshot Editor, drop in a screenshot and pick a style to start from.