Edit / PixelDesk

Annotate images with shapes and arrows

Drag on your image to draw a rectangle, ellipse, line or arrow, or enter exact coordinates. Choose color, fill and stroke, then keep editing the result to add more.

Processed on your device
THE PLAYGROUND

Shapes & arrows

01 / ORIGINAL IMAGENo image yet

Drop your image here.

Choose an image, or drop it here.

JPEG, PNG, WebP, AVIF or HEIC · up to 20 MiB each

    Drag on the preview to draw. The numeric controls let you place it precisely.

    02 / Make it yours

    Adjust your settings, then create a new copy.

    Annotation

    Negative values point left.

    Negative values point up.

    100
    Export
    90

    PNG is lossless; its quality slider is disabled.

    Output format & background

    Fills transparent areas for JPEG and when transparency is off.

    Choose an image or try the sample to get started.

    How to annotate images with shapes and arrows

    1. Open an image and choose rectangle, ellipse, line or arrow.
    2. Drag on the image to draw it, or enter exact coordinates. Set color, stroke, opacity and optional fill.
    3. Inspect the live preview, process and download the annotated copy.
    Read the guide: JPEG, PNG or WebP?

    Know before you export

    Each export adds one shape. Select Keep editing this result to add another. Rectangles and ellipses can be filled; lines and arrows run from the start point by the horizontal and vertical span, in any direction.

    Supported files

    Still JPEG, PNG, WebP and AVIF up to 20 MiB and 64 megapixels, plus HEIC where your browser can open it (Safari on Mac, iPhone and iPad). Photos above 24 megapixels are edited at 24 megapixels, and color effects run at up to 12 megapixels. Multi-image tools allow 12 files and 60 MiB of combined input. GIF, SVG, animated images and RAW formats are not supported.

    Quick ways in

    Drop an image anywhere on this page or paste one from your clipboard.

    Keyboard shortcuts

    • Ctrl/⌘ O Choose an image
    • Ctrl/⌘ Enter Process
    • Ctrl/⌘ S Download the result
    • Ctrl/⌘ Z Undo settings · add Shift to redo
    • Esc Cancel processing

    Your files stay local

    Selected image bytes are processed in browser memory. No account, upload endpoint or remote processing service is used.

    Keep creating.

    Explore all 26 tools

    Shapes & arrows is free to use in your browser. No account or image upload is required.

    Shapes & arrows: common questions

    Can I add several annotations to one image?

    Each export adds one shape. Select Keep editing this result to open that copy and draw the next shape. Keep your original separately so you can start over without accumulated edits.

    How do I draw an arrow in a specific direction?

    Drag on the image from where the arrow starts to where it should point. You can also type the start point and a horizontal and vertical span; negative spans point left or up.