My Tool Studio
Image

Screenshot Editor

This screenshot editor turns a plain capture into something you can post, file or send without embarrassment. Paste a screenshot with Ctrl+V or upload one, crop it, and put it on a gradient, solid or image background with padding, rounded corners, a shadow and an optional macOS or browser window frame. Then annotate: arrows, text labels, numbered steps, highlight boxes, a marker and a spotlight that dims everything else. Hide private details with Blur, Pixelate or Redact. Developers use it for bug reports, writers for docs and tutorials, and marketers for 1200 x 630 link previews and 9:16 stories. Letter keys switch tools and Ctrl+Z undoes. Export PNG, JPG or WebP at full, 75 or 50 percent size, or copy to the clipboard. Nothing is uploaded.

Always freeNo sign upRuns in your browser
or paste with Ctrl+V

How to use

01

Paste or upload a screenshot

Press Ctrl+V (Cmd+V on a Mac) anywhere on the page after copying a screenshot, or click Upload screenshot and pick an image file.

02

Frame and style it

Pick a background, set Padding, Corner radius and Shadow, choose a window frame and canvas ratio, and use Crop to keep only the part you need.

03

Annotate and export

Choose Arrow, Text, Step number, Highlight box, Marker, Spotlight, Blur, Pixelate or Redact and click or drag on the image. Then click Copy or Download.

Why Screenshot Editor

Redact, pixelate or blur: hiding private data in bug reports

Bug reports and support tickets often need a screenshot that shows an email address, an order number, an access token or a customer's name. Before you share it, decide how much of that detail must be gone for good.

Redact replaces the area with solid black. The exported image simply has black pixels there, so there is nothing to recover. Use it for passwords, API keys, card digits, one-time codes and anything covered by a privacy policy.

Blur and Pixelate keep the shape and colour of the area but remove detail. That keeps the screenshot readable (you can still see that a field was filled in) and looks tidier in public docs. The catch is that short or predictable text can sometimes be reconstructed. Treat them as cosmetic, not as security.

  • Passwords, tokens, keys, card numbers: Redact.
  • Faces, avatars, other people's names in a public post: Blur or Pixelate is usually enough.
  • The thing you want the reader to notice: Arrow, Highlight box, Marker or Spotlight.
  • Check the whole image, including browser tabs, bookmarks and notifications, before you export.

Which annotation to use

Good annotation points at one thing per image. The tools below cover the common jobs in documentation, support replies and social posts. Keep one colour for every callout in a document set, so readers learn what it means.

ToolKeyUse it for
ArrowAPointing at a button or field from open space
TextTShort labels such as Click here or New
Step numberNOrdered instructions in one image
Highlight boxHOutlining a panel or group of controls
MarkerMTinting a line of text like a highlighter pen
SpotlightSDimming everything except the area that matters
Blur / Pixelate / RedactB / P / RHiding names, faces and secrets

Common questions

How do I paste a screenshot into the screenshot editor?
Take the screenshot with Win+Shift+S on Windows or Cmd+Shift+Ctrl+4 on a Mac so it lands on the clipboard. Then click anywhere on this page and press Ctrl+V or Cmd+V. The image loads straight into the editor.
Is blurring a screenshot safe enough to hide passwords or API keys?
Blur and Pixelate are fine for faces and background clutter, but for secrets use Redact. Redact paints the area solid black, so no trace of the original pixels is left in the export. Blurred text can sometimes be guessed, especially short strings like codes.
How do I add arrows and text to a screenshot?
Choose Arrow (or press A) and drag from the tail to the point. For a label, choose Text (T), type it in the box, and click where it should go; tick Label on a colored pill for a filled badge. Pick the colour from the swatches before you draw.
How do I number the steps in a tutorial screenshot?
Choose Step number (N) and click each spot in order. The circles are numbered 1, 2, 3 automatically in the colour you picked, and Size changes how big they are. Undo removes the last one.
Can I crop a screenshot in the editor?
Yes. Choose Crop (C), drag the area you want to keep and click Apply crop. Arrows and boxes you already drew move with the crop, and Reset crop brings the full image back.
How do I add a macOS window or browser frame to a screenshot?
Pick a Window frame: macOS light or dark adds a title bar with the three coloured buttons, and Browser light or dark adds an address bar with text you can edit. The frame shares the corner radius and shadow of the screenshot.
How do I undo a blur, arrow or box on my screenshot?
Click Undo or press Ctrl+Z (Cmd+Z on a Mac) to remove the most recent mark, or press Delete. Clear removes every mark at once. Marks stay editable until you export.
What resolution is the exported screenshot?
At 100 percent, the export keeps your screenshot at its original pixel size plus the padding and frame, so nothing is scaled down. Choose 75 or 50 percent to shrink large retina captures, and pick PNG, JPG or WebP.
Why does copying the edited screenshot to the clipboard fail?
Copying images needs the browser's async clipboard API, which some browsers and settings block. If Copy fails, the page tells you, and Download always works.
Is my screenshot uploaded anywhere while I edit it?
No. The image is drawn on a canvas in your browser tab and exported from there. Nothing is sent to a server, which matters when the screenshot shows customer data or internal dashboards.

More Image tools

View all