How to Edit a Screenshot Online (2026)

Edit a screenshot online: add text, arrows, and blur, change the background, frame it in a browser or phone, and export PNG with no watermark.

By the Shots teamUpdated 3 min read

Short answer

To edit a screenshot online, paste it into a browser editor such as Shots, use the Design tab to add text, arrows, shapes, or blur, pick a background from the BG tab, and export a PNG, JPEG, or WebP. The editor is included in every Shots plan and adds no watermark.

Step by step

  1. 1

    Open the editor and add your screenshot

    Sign in at shots.playbookmedia.io with your Shots account, then open the editor and paste with Cmd+V (Ctrl+V on Windows), drag the file onto the page, or click to browse. PNG, JPG, and WebP files up to 100MB work.

  2. 2

    Mark it up

    In the Design tab, open Draw & Markup to add arrows, curves, lines, rectangles, circles, or blur. Open Add Text for captions and labels in any of 32 fonts.

  3. 3

    Give it a background

    Switch to the BG tab and pick a gradient, mesh, wallpaper image, or solid color. Choose Transparent under Custom Background if you want only the screenshot.

  4. 4

    Frame and style it

    Use Style, Border, and Shadow for rounded corners and depth, or switch the top toggle from Image to Browser or Device to wrap the shot in a Safari, Chrome, iPhone, or MacBook frame.

  5. 5

    Export or copy the result

    Open Save in the top bar, pick PNG, JPEG, or WebP, choose 1x, 2x, or 3x resolution, and download. Copy puts a 2x PNG on your clipboard so you can paste it straight into Slack, Docs, or an email.

Open the editor

What you can change in a screenshot editor

A screenshot editor is built for one job: making a capture clear enough to share. That usually means pointing at something, hiding something, and making the whole image look intentional instead of cropped out of a busy desktop.

Shots covers all three in one editor. It works on the screenshot you already have, so there is nothing to install and nothing to capture again.

  • Point: arrows, curved arrows, lines, rectangles, and circles in 12 preset colors or any custom color, with stroke widths from 1 to 24px.
  • Explain: text layers with 32 fonts, weights from Thin to Black, sizes up to 150px, and an optional drop shadow.
  • Hide: blur or mosaic any region, with a strength slider for each one.
  • Present: gradients, wallpapers, shadows, rounded corners, browser frames, device mockups, and 3D tilt.

Pick the right export format

PNG keeps text and UI edges perfectly sharp and is the safe default for documentation and bug reports. JPEG is the editor's default because it makes much smaller files for social posts and slides. WebP is smaller again and works well on websites.

Resolution matters more than format for sharpness. Export at 2x for most uses, and 3x when the image will be shown large or printed.

Your work is saved as you go

The editor saves a draft in your browser about a second after each change, so a closed tab does not lose your edits. Cmd+Z and Cmd+Shift+Z (Ctrl+Z and Ctrl+Y on Windows) undo and redo, and Start over resets the design while keeping your uploaded images.

Tools used in this guide

Frequently asked questions

For most people, a browser editor is enough. Shots is open source, included in every Shots plan, runs in any modern browser, and covers text, arrows, blur, backgrounds, frames, 3D, and video export without a watermark. If you only need to crop, the editor built into your operating system is fine.

No. Exports from Shots carry no watermark at any resolution, on every plan.

Shots is designed for a laptop or desktop browser, where there is room for the canvas and the panels. On a phone, your built-in photo editor is quicker for simple crops and markup.

Not to edit it. Editing runs in your browser, and unsaved drafts stay in your browser's own storage. A design you save is stored in your Shots workspace, and export compression sends the finished image through the server without storing it.

More guides

6 steps · 2 min readHow to Add Text to a Screenshot OnlineAdd captions, labels, and titles to a screenshot online. Choose from 32 fonts, set size, color, and shadow, place the text anywhere, and export with no watermark.6 steps · 3 min readHow to Blur Part of a Screenshot OnlineBlur or pixelate names, emails, and private details in a screenshot online. Switch each region between blur and mosaic, set the strength, and export.6 steps · 2 min readHow to Annotate a Screenshot OnlineAnnotate screenshots online with arrows, curved arrows, lines, boxes, circles, text, and blur. Pick colors and stroke widths, then export with no watermark.

Try Shots

Edit, annotate, and polish screenshots in your browser. No download, no watermark.

Open the editor

Included in every plan · No watermark