Convert Screenshot to Image Online (PNG, JPG, WebP)

Turn a plain screenshot into a polished image with a gradient background, rounded corners and a soft drop shadow. Paste straight from your clipboard with Ctrl+V where supported, or choose a file; every adjustment re-renders live. Selected and pasted images are processed in your browser. Optional cloud import connects to its provider. No ToolJiffy account or watermark is required.

Capture the screenshot first with your device or browser. This page styles an image you paste or upload; it does not capture a web page for you.

Try an original input and compare the result

Download the 720 × 420 sample screenshot, choose it above, and leave the default Blue Aura background, 64px padding, 16px corners, shadow and PNG output. The result should be 848 × 548 pixels. Compare it with the sample output; the input is original example artwork with no personal data.

To print notes from several screenshots, export them as PNG with modest padding, then arrange the images on one sheet with the Cheat Sheet Maker.

Paste, do not save

If your browser exposes the screenshot as an image clipboard item, press Ctrl+V (or Cmd+V) on this page. Otherwise use the file picker or drop an image.

That matters more than it sounds for the actual use case. Most screenshots destined for a post or a document are transient — you do not want them cluttering a downloads folder. Dropping a file in and importing from cloud storage both work too, but clipboard is the reason to bookmark this page.

Convert Screenshot to PNG or JPG in One Click

Choose PNG for lossless encoding and transparency, or JPG/WebP for smaller lossy files. The browser composes the selected frame and encodes the result in your chosen format.

What you can change

There is no apply button — the composite rebuilds the moment you change anything, so the preview is always exactly what will download. Worth knowing: setting padding and radius both to 0 gives you a zero-margin frame. For a plain-looking format conversion, also choose Transparent background and turn off the shadow; the result is still re-encoded.

Original dimensions, plus padding

The capture is drawn at its exact original pixel size. Padding is added around it, so the canvas grows rather than the image shrinking — a 1200 × 800 screenshot with 64px of padding exports at1328 × 928. JPG and WebP can soften fine text during lossy encoding; PNG preserves it more faithfully.

This tool does not crop or resize the screenshot itself. Use the image cropper first if you need to trim captured borders.

Two things about the drop shadow and transparency

The shadow is cast by drawing a solid white card behind the screenshot and blurring its edges. That produces a convincing lift on a gradient, and it has two consequences worth knowing:

• A transparent screenshot gets a white backing. If your capture has transparent areas of its own, the white card shows through them. Untick Add Soft Drop Shadow to remove it.
• Choosing Transparent background disables the shadow automatically. Choose PNG or WebP to preserve transparency in the exported file.

And the format warning is worth heeding: pick Transparent background plus JPG export and a notice appears, because JPEG has no alpha channel and the background will come out white. PNG is the default for exactly this reason; WebP also keeps transparency at a smaller size.

Which format to export

• PNG — lossless, keeps transparency, and the right default. UI screenshots are full of text and hard edges, which is what PNG handles best.
• WebP — supports transparency and often makes a smaller file, but this tool uses lossy quality 0.92.
• JPG — no transparency; its lossy quality 0.92 can soften small text. Use it when JPEG is required or file size matters.

Where framed screenshots earn their keep

A raw screenshot on a coloured page looks like a mistake — a hard-edged rectangle floating in the layout. A framed one reads as a deliberate graphic. In practice:

• Social posts. A code snippet or a chart on a gradient card stops the scroll in a way a bare screenshot does not.
• Documentation and guides. Rounded corners and a shadow separate the UI being shown from the page showing it, so readers stop confusing the two.
• Slides and pitch decks. Consistent padding and background across every screenshot in a deck is what makes it look designed rather than assembled.
• Changelogs and release notes. Transparent PNG exports drop onto whatever background your site already uses.

One caution before posting: screenshots leak more than people intend — open tabs, filenames, notification previews, account names in a sidebar. Crop the frame down with theimage cropper before framing it, and check the edges of the preview.

Related tools

To draw arrows, boxes or labels onto a screenshot, use thescreenshot annotator. Crop first with theimage cropper and set exact dimensions with theimage resizer. For a specific platform size, thesocial media image resizer crops to fixed presets. If the export needs to be smaller, the image compressor targets a file size. For plain format changes, the image format converter is simpler. When designing UI captures or documentation layouts, you can measure on-screen distances and verify physical millimeter dimensions directly with our screen ruler in actual size.