Screenshot Annotation Tool

Point at the thing, hide the private bit, label it. Then download a clean PNG.

Free, no watermark, nothing uploaded. Needs a free Demorta account.

Most annotation happens in whatever editor the operating system offers, which means a pen, a highlighter, and no blur that actually removes anything. This is the small set of marks people really use, in a tool that opens the moment the capture is taken.

It takes screenshots from the page you are on, and it takes images you already have -- paste with Ctrl+V or drop a file on it. The output is a plain PNG, or the clipboard.

STEP 1

Get the image in

Press Screenshot in the Demorta bar and drag the area, or open the editor from the dashboard and paste or drop any image.

STEP 2

Mark it up

Box for a region, arrow for a point, text for a label. One colour, few marks -- the editor makes that easy by defaulting to it.

STEP 3

Hide what is private

Blur pixelates the region with blocks too coarse to reverse. Names, emails, amounts, keys.

STEP 4

Download or copy

PNG to your Downloads folder, or Copy to paste straight into Slack, email or a doc.

This page contains one

Recorded in a few minutes with the tool this page is about — click through it.

The marks

Box -- a rectangle in the chosen colour and thickness. The default tool, because "this region" is the most common thing to say.
Arrow -- drawn from where you start to where you end, with a proper head. For "this exact point".
Text -- a label with an automatic contrasting outline, so it reads over a photo, a white form or a dark sidebar.
Pen and highlighter -- freehand, for the cases a shape cannot cover.
Blur -- pixelation scaled to the region; destructive by design.
Crop -- drag, then Apply crop. Do it before annotating.
Undo and redo -- Ctrl+Z and Ctrl+Shift+Z, up to fifty steps.

Why one colour

A screenshot with red marks says "look here". A screenshot with red, blue and green marks makes the reader wonder what the colours mean. The palette is there for the cases where a second colour is genuinely needed -- a before-and-after, a contrast against a red interface -- and the default is to use one.

Where it fits

The tool is part of the Demorta extension, which records interactive product demos. Annotation is the part of that editor everyone needs for single images too, so it is offered on its own, free. A sequence of annotated screenshots is usually better as a recorded walkthrough, and that is the rest of the product.

Questions

How do I annotate a screenshot online for free?

Open Demorta’s screenshot editor, paste or drop the image (or capture one with the extension), add boxes, arrows, text or blur, and download the PNG. It is free with a free account and adds no watermark.

Can I annotate an image I did not capture with the tool?

Yes. Paste any image with Ctrl+V or drop a file onto the editor. Phone screenshots, images from colleagues and captures from other tools all work.

Does the annotation tool blur properly?

It pixelates rather than smoothing, with blocks scaled to the region, which removes the information rather than softening it. A light Gaussian blur on short text can sometimes be reversed; this cannot.

Is anything uploaded?

No. The editor works on the image in your browser and the download is local.