image→toolbox

Put a screenshot in a phone frame

Drop a screenshot and it comes back looking like it's on a phone: rounded corners and a black border, sized like a real one. Change either, or turn the border off.

  • Free
  • Runs on your device
  • No account
  • No limits

Also for video: Put a screen recording in a phone frame

How to put a screenshot in a phone frame

  1. Drop a screenshot in the box above. Any format this site can read works, HEIC included.
  2. The corners and the border start at a phone's proportions for your screenshot. Drag a slider or type an exact number, or turn the border off to keep only the rounded corners.
  3. Download as PNG or WebP to keep the corners transparent. The file keeps its name, with -phone added.

About phone frames here

The starting sizes come from a current iPhone Pro, whose screen corners are about 14 percent of its width and whose black border is about 4 percent. They're worked out from your screenshot's own width, so a full size capture and a shrunk one get the same phone. A landscape capture is measured on its short side, which is the width of the phone that took it.

Your screenshot isn't scaled. The border is added around it, so the file comes out larger by twice the border and every pixel of the screen is the one you captured. The border is pure black, so a dark mode app runs straight into it the way it does on a phone with an OLED screen.

Outside the rounded frame is transparent, so the phone sits cleanly on a slide, a web page or a coloured background. JPG can't store that, so it fills the corners with white unless you pick another colour in the download bar.

Like everything on this site, this tool runs in your browser. Your image is never uploaded.

Common questions

Is the phone frame tool free?

Yes, properly free. No paid tier, no trial, no watermark on the result and nothing to sign up for. Put as many files through it as you like, as often as you like.

Are my files uploaded to a server?

No. The phone frame tool runs inside your browser, on your own machine, so your files never go anywhere. Big ones are fine too, up to whatever your browser can hold.

How do I put a screenshot in an iPhone frame?

Drop the screenshot on this page. The corners are rounded and a black border is added at the proportions of a current iPhone, worked out from the width of your screenshot, so there's nothing to set unless you want to. Download as PNG and it drops onto a slide or a web page with the corners clear.

Does the phone frame make my screenshot smaller or blurry?

No. The screenshot is never scaled. The border is added outside it, so the file grows by twice the border's thickness and every pixel of the screen stays the one you captured. If you need a smaller file for a web page, resize it afterwards, which shrinks the frame and the screen together and keeps them in proportion.

Will it work for an Android screenshot or a tablet?

Yes. The starting sizes are an iPhone's, but they're only a starting point. Android phones vary, so match yours by eye: pull the corners in for a squarer screen and thin the border if your phone has a narrow one. A tablet looks right with much smaller corners, because its screen is far wider than its corners are round.

What people usually do next

More tools

All image tools · PDF tools

Free to use, with no account and no limits. Everything runs in your browser, and your files never leave your device.