← Blog

How to blur and annotate a screenshot safely online

By Edward Harker

A screenshot can explain a software problem in seconds, but it can also expose an email address, customer record, access token, internal URL, payment detail, or private notification. Before sharing one in a bug report or chat, annotate the part people should inspect and permanently redact the parts they should not see.

You can do both with BugScreen’s free screenshot annotation and redaction tool. Paste, drag, or upload an image; add arrows, boxes, and pen marks; blur or black out sensitive areas; then copy or download a flattened PNG. Processing happens locally in the browser, so the screenshot is not uploaded to BugScreen.

How do you blur part of a screenshot online?

  1. Open the free screenshot blur tool.
  2. Paste the screenshot, drag it onto the page, or choose the file from your device.
  3. Select Blur and drag over every area that contains sensitive information.
  4. Zoom in and inspect the edges of each redaction.
  5. Download or copy the finished PNG and check that exported file before sharing it.

Blur is useful for contextual information that should not distract or be casually readable, such as names in a long list. For secrets or highly sensitive values, use a solid black redaction instead. Even a strong visual effect can be a poor choice when the hidden value is short, predictable, or high impact.

Blur or black box: which redaction should you use?

Choose based on the consequence of disclosure.

Use blur when: you need to obscure incidental content while preserving the visual shape of the screen, and the underlying value is not a credential or critical personal record.

Use a black box when: the screenshot contains passwords, API keys, session tokens, recovery codes, card or bank details, health information, precise personal identifiers, or anything that must not be recoverable by a viewer.

When in doubt, black it out. A solid redaction is less elegant but much clearer about what has been removed. Also consider cropping the image if the surrounding area contributes nothing to the report. The safest sensitive detail is one that was never included.

Why is a drawn rectangle not always a real redaction?

Some document and image editors place shapes on separate layers. The exported file may look covered, but another person can remove the rectangle, inspect an earlier version, or extract the original image object. Similar mistakes happen when someone places an opaque shape over text in a PDF.

A safe screenshot workflow changes the pixels and exports a flattened image. BugScreen’s online screenshot redaction tool applies the blur or black-out effect to the canvas and creates a new PNG. The redacted region is not retained as editable text or a removable annotation layer.

Still, always inspect the exported image rather than trusting the editor preview. Confirm that:

  • Every sensitive region is covered, including headers, sidebars, tabs, and notifications
  • The redaction reaches the full edge of the text or image
  • Reflections, thumbnails, and repeated values are also removed
  • The downloaded or copied result matches what the editor showed

How do you annotate a screenshot clearly?

Good annotation tells the viewer where to look without hiding the evidence. Use one visual language consistently:

  • Draw a box around the affected component or unexpected value.
  • Use an arrow to connect a short explanation to a precise point.
  • Use the pen for an irregular shape or quick emphasis.
  • Pick a colour with strong contrast against the screenshot.
  • Avoid covering error messages, values, or states that engineering needs to read.

One or two marks are usually enough. If a screenshot needs a maze of arrows, split the explanation into multiple images or add numbered steps to the bug report.

What should you redact from a screenshot?

Check more than the main content area. Sensitive information often appears at the edges of the screen or in developer tools.

Look for:

  • Names, email addresses, phone numbers, postal addresses, and account IDs
  • Customer records and private messages
  • Passwords, one-time codes, API keys, cookies, tokens, and QR codes
  • Card details, bank information, invoices, and transaction references
  • Health, employment, education, or legal information
  • Internal hostnames, repository names, ticket URLs, and unreleased features
  • Browser tabs, bookmarks, profile avatars, desktop icons, and notifications
  • Terminal output, request headers, environment variables, and source-code secrets

Redaction should protect the person in the screenshot without removing the context needed to understand the bug. Replace real customer data with test data before reproducing the issue whenever possible. That prevents sensitive information from entering the screenshot in the first place.

Do screenshots contain metadata?

The visible pixels are not the only possible source of information. Image files can carry metadata such as capture time, software, device model, or GPS location. Whether a particular screenshot has that data depends on the device and how the file was created or edited.

BugScreen’s tool draws the image onto a browser canvas and exports a newly encoded PNG. Original EXIF metadata is not copied into that output. This is a useful privacy property, though it does not replace inspecting the visible content itself.

A safe screenshot-sharing checklist

Before attaching an image to Jira, GitHub, Slack, email, or a support ticket:

  1. Use a test account and synthetic data where possible.
  2. Crop out irrelevant applications and screen regions.
  3. Black out secrets and high-risk personal information.
  4. Blur lower-risk incidental details only when that is sufficient.
  5. Add a box or arrow that points to the actual problem.
  6. Export a flattened copy rather than sharing the editable source.
  7. Open the exported file and inspect it at full size.
  8. Share it only with the audience that needs it.

For a quick browser-only workflow, use the screenshot annotate and redact tool. It gives you the essential markup and permanent redaction tools without asking for an account or uploading the image.

Frequently asked questions

How can I blur part of a screenshot online?

Open BugScreen’s free screenshot annotation tool, paste or upload the image, choose Blur, and drag over each sensitive area. Export the flattened PNG and inspect it before sharing. The image stays in your browser and is never uploaded by the tool.

Is blurring a screenshot secure?

Blurring can be appropriate when it permanently changes the exported pixels, but a weak blur may leave short or predictable text recognisable. Use a solid black box for passwords, access tokens, recovery codes, financial data, or any information that must be completely concealed.

Does drawing a black rectangle remove the text underneath?

It depends on the editor. A movable shape or annotation layer may leave the original pixels in the file. BugScreen’s tool applies redaction to the canvas and exports one flattened PNG, so the covered pixels are not preserved as a separate editable layer.

How do I add arrows and boxes to a screenshot?

Paste or upload the screenshot, select the arrow, box, or freehand pen tool, choose a colour, and draw over the area you want to explain. Undo or redo edits, then copy or download the final PNG.

Does a screenshot contain location or device metadata?

Some image files can contain metadata such as timestamps, device details, or GPS coordinates. BugScreen’s browser tool re-encodes the canvas as a new PNG, so metadata from the original file is not carried into the exported image.