Draw Arrows on Image
Draw Arrow adds resizable arrows to a photo or screenshot on an HTML canvas in your browser, then exports the annotated image without uploading it.
Paste image (Ctrl+V), drag and drop, or click to upload
Image file · processed on your device, never uploaded
At a glance
- Accepts
- PNG, JPG, WebP, GIF and other images your browser decodes
- Outputs
- An annotated image you download or copy to the clipboard
- Where it runs
- Entirely in your browser, on your device
- What leaves your device
- Nothing - the file never leaves your device
- Limits
- No size or count cap; bounded by your device's memory
- Account
- Not required - there is no sign-up
- Price
- Free, with no watermark and no usage cap
- Made by
- Visrut
- Last updated
- 9 October 2026
Drawing an arrow on a photo or screenshot to point something out is called annotating the image, and the arrow itself is usually called a callout arrow (or annotation arrow). This page does exactly that: drag from where the arrow should start to what it should point at, and you get a clean, straight arrow with a filled head. Drop in your own sticker images too - a custom arrow, a logo, a highlight bubble. Everything renders locally in your browser.
How to draw a clean arrow on a screenshot
- Every arrow is already a straight line. It runs from the point where you press to the point where you let go, so a shaky hand never makes it wobble.
- Hold Shift while dragging to snap the arrow to perfectly horizontal, vertical or 45° diagonal. On a phone or tablet, tick "Snap to 45° angles" instead.
- Pick a color that contrasts with the screenshot (red or orange on most interfaces) and a thickness that stays readable when the image is shown smaller.
- Point the head at the thing, not past it; start the arrow in empty space so it does not cover other content.
How to use it
- Paste (Ctrl+V), drag and drop, or click to upload an image.
- Choose an arrow color and thickness, then drag on the image (hold Shift for a straight angle).
- Click any arrow or sticker to select it and drag it to reposition it.
- For stickers: resize with the white handles, or use Rotate 90° and Duplicate. Transparent-PNG arrows work best.
- Download the result or copy it straight to your clipboard.
Frequently asked questions
Is the image or anything I draw uploaded anywhere?
No - every arrow and sticker is drawn directly on an HTML canvas in your browser. The image never leaves your device.
What is it called when you draw an arrow on a photo?
Annotating. The arrow is usually called a callout arrow or annotation arrow, and tools that do this are called image annotation or screenshot markup tools.
How do I make the arrow perfectly straight?
Arrows are always straight lines from where you start dragging to where you let go. Hold Shift while dragging (or turn on 'Snap to 45° angles' on touch screens) to lock it to horizontal, vertical or a 45° diagonal.
Can I move an arrow after placing it?
Yes - click directly on an arrow (or sticker) to select it, then drag it anywhere on the image.
Can I resize an arrow?
Yes - select an arrow and use the Thickness slider. The slider controls new arrows too when nothing is selected.
Can I add my own arrow or object image?
Yes - click 'Add image / arrow' and pick a PNG, JPG, or WebP file. Your own transparent-PNG stickers land on the image where you can move, resize, rotate, or duplicate them like a layer.
How do I change the color of an arrow?
Pick one of the color dots, or click the color box to open the full picker. It changes the selected arrow, or sets the color for the next arrow you draw.
Can I delete something I added by mistake?
Yes - select the arrow or sticker and choose Delete from the controls above the image.
What image formats can I upload and export?
Upload any common image type - PNG, JPEG, WebP, and more. Downloads keep your original format; the clipboard copy is always PNG.