Add Arrow to Image
Add arrow to image or screenshot online, free and with no signup. Drop your picture and the arrow tool is already armed, so you drag from the tail to whatever it should point at. Set the colour, thickness and style, add as many as you need, and every one stays adjustable. Nothing is uploaded. Up to 25 MB.
Drop your image to draw an arrow on it
The arrow tool opens armed. Drag from the tail to what it points at. Or press Ctrl + V to paste one straight from your clipboard. PNG, JPG or WebP, up to 25 MB. Edited in your browser, never uploaded.
Point At It.
Nobody Has To Ask.
An arrow is the highest-value mark you can put on an image, because it replaces a whole sentence of "the button on the left, under the second heading, next to the icon". Most tools that draw one bake it into the pixels the instant you let go, so the one that landed slightly off costs you a redraw. This one keeps it adjustable.
Tools that pair well with this one
All free, all in your browser, no signup.
How to draw an arrow on an image
Three steps, no account, 25 MB per image.
Drop your image
Drag a PNG, JPG or WebP onto the box, or press Ctrl+V to paste one from your clipboard.
Drag from the tail to the target
The arrow tool is already armed when the editor opens. Press where the arrow should start, drag to what it points at, release. Then set the colour and thickness.
Download it
PNG keeps the edges sharp and any transparency intact. JPG if you need it smaller. No watermark either way.
The fast path
Put an arrow on an image in one drag
The gesture is the obvious one and it is worth saying out loud, because half the tools in this category make you place two separate endpoints and then guess which one grew the head.
Press where the arrow should begin, drag to the thing it points at, and let go. The head lands where you released, which means you aim at the target rather than at a control point. The arrow tool is armed the moment the editor opens, so this is the very first thing you can do.
- Thickness: The head scales with the line, so a heavy arrow still ends in a proper head rather than a spike.
- Solid or dashed: Solid for "click this". Dashed for "these two things are related", which is a different statement and should look like one.
- Colour: Red by default because it reads on nearly any image. Change it if the picture is already red, and your recent colours stay available.
- Opacity: Fade it if the arrow is a hint rather than an instruction.
Got the angle slightly wrong? Select it and drag either end. The arrow is still an arrow, not a smear of pixels, so fixing it is a nudge rather than an undo.
Pointing
Highlighting one thing in a crowded image
An arrow earns its place in the two seconds it saves the person looking at your image. It is the difference between them scanning the whole frame and them looking exactly where you meant.
The useful habit is to make the arrow come from outside the interesting area, not across it. An arrow that crosses the thing it points at hides the thing it points at, which sounds obvious until you look at a folder of your own screenshots.
- Come in from an edge: The nearest empty margin. Short and unambiguous beats long and dramatic.
- Pair it with a label: An arrow says where. A word next to it says what. Two arrows pointing at two things with no labels is a puzzle.
- One arrow per point: If you need five arrows, you may actually need numbered labels, which read in an order an arrow cannot imply.
More than one
Adding multiple arrows to the same image
This is where most arrow tools quietly become annoying: they hand the canvas back to the selection cursor the moment you finish one stroke.
The theory is that an arrow you have just drawn is an arrow you want to move. In practice nobody draws one arrow. Anyone marking up an image draws three or four, and re-arming the tool between each one is a trip to the rail on the far side of the window for a mode change nobody asked for.
So the arrow tool here stays armed until you put it down, and there are three obvious ways to do that: pick another tool, press the arrow button again, or press Escape. Each arrow you draw is its own layer, so you can go back afterwards and restyle any one of them without touching the others.
If the arrows start to blur together, give them different colours or fade the less important ones. Four identical red arrows on one screenshot is a picture of urgency rather than a set of instructions.
Screenshots
Adding an arrow to a screenshot
This is the most common reason anyone draws an arrow on an image at all: a bug report, a how-to step, a review comment on a design.
It works exactly the same way here. But a screenshot markup job is usually arrows plus boxes plus labels together rather than arrows alone, and it usually starts with something already on your clipboard. The annotation page is set up for that: paste straight in, and the whole markup kit is on the rail.
Arrows that stay arrows.
Not pixels you have to undo.
Every arrow stays editable
It keeps its ends, its angle, its thickness and its colour after you draw it. Nudge the head two pixels, make it thicker, or recolour it an hour later. No redraw, no undo stack archaeology.
The tool stays armed
Nobody draws one arrow. Draw four in a row without going back to the rail between each, because a tool that disarms itself after every stroke is a click you pay for every time.
Solid or dashed, any thickness
Thick and solid to shout, thin and dashed to suggest a relationship rather than an instruction. The head scales with the line, so a thick arrow does not end in a pinprick.
Any colour, and one that survives
Red is the default because it reads on almost everything. Type a hex code if your screenshot is already full of red, and your recent colours stay to hand.
Nothing leaves your device
Your browser opens the image and draws on it. Nothing is uploaded, which matters when the thing you are pointing at is inside a private dashboard.
No watermark, no account
No signup wall, no logo in the corner, no export limit. Download at full resolution or double it.
Frequently asked questions
How the arrow tool works, and where it stops.
Drop your image on the box above, or press Ctrl+V to paste one. The editor opens with the arrow tool already armed.
Press where the arrow should start, drag to whatever it points at, and release. Then set the colour, thickness and style from the toolbar above the image, and press Download.
Yes, and the tool stays armed between them so you can draw four in a row without going back to the rail. Each arrow is its own layer, so you can recolour, resize or delete any one of them later without disturbing the rest.
Yes. Switch to the select tool, click the arrow, and drag either end to change where it starts or what it points at. This is the thing most arrow tools cannot do, because they turn the arrow into pixels the moment you release the mouse.
Both. Solid or dashed, and any thickness you like. The arrowhead scales with the line so a thick arrow still ends in a proportionate head rather than a needle.
Both, plus WebP, up to 25 MB. You get the same format back unless you deliberately choose another on the way out, so a transparent PNG stays transparent.
Yes. No signup, no export limit, no logo in the corner. The work happens in your browser rather than on our servers, so there is no per-image cost for us to pass on.
Any direction and any angle, because the direction is just where you dragged. There are no eight fixed compass directions to choose from, and no preset arrow shapes to rotate.
No. Your browser opens the file and draws on it locally. Nothing is sent to a server, which matters when the thing you are pointing at is inside a private dashboard or an internal tool.
Yes. Drag with your finger from the tail to the target. A larger screen makes precise aiming easier, but there is nothing to install either way.
Draw your arrow now
Drop the image, drag an arrow onto it, download it. Nothing gets uploaded and nothing gets watermarked.