Home › Image Tools › Draw on Image
Draw on Image
Mark up any photo or screenshot in seconds: point at things with arrows, frame them with boxes and circles, add labels and numbered steps, highlight text and pixelate private details. Every mark stays editable until you download the image.
Last updated:
Advertisement
Advertisement
How to use the Draw on Image
- Add an image: drop it on the page, choose a file, or take a screenshot and press Ctrl+V. A sample screenshot is loaded so you can try the tools first.
- Pick a tool from the toolbar: Pen, Highlight, Arrow, Box, Circle, Text, Step or Hide. Choose a color and a size.
- Draw on the image by dragging. For Text, click where the label should start, type and press Enter. Each click with Step places the next number.
- Adjust: switch to Move to drag an annotation, change its color or size, or press Delete to remove it. Ctrl+Z undoes the last change.
- Save with Download PNG or JPG, or click Copy image to paste it straight into a chat, document or ticket.
Tools and shortcuts
| Tool | Key | How to use | Best for |
|---|---|---|---|
| Move | V | Click a mark to select it, drag to move; Delete removes it | Fixing placement, recoloring |
| Pen | P | Drag to draw a smooth freehand line | Circling, underlining, signatures |
| Highlight | H | Drag over text; the color is see-through | Marking a sentence or value |
| Arrow | A | Drag from the start to the point; Shift snaps to 45° | Pointing at buttons and details |
| Box | R | Drag a rectangle; Shift makes a square; tick Filled for a tinted box | Framing an area or a form field |
| Circle | C | Drag an ellipse; Shift makes a circle | Drawing attention to a spot |
| Text | T | Click, type, press Enter | Labels and short instructions |
| Step | N | Click to place 1, 2, 3… | Tutorials and bug reports |
| Hide | B | Drag over the area to pixelate | Emails, names, passwords, faces |
Ctrl+Z undoes, Ctrl+Y or Ctrl+Shift+Z redoes, and Esc clears the selection. On a Mac use Cmd instead of Ctrl.
Tips for clear annotations
- Keep it to one message per image. Two or three arrows or steps are easier to follow than ten. If you need more, split the screenshot.
- Use contrast, not size. Red and blue stand out on most interfaces; on dark screenshots, yellow or white reads better. Text labels get an automatic dark or light outline.
- Point the arrow head at the target and start the tail in empty space, so the arrow does not cover what it points to.
- Number the actions in the order the reader should do them, and keep the same color for related steps.
- Hide before you share. Pixelate email addresses, order numbers, API keys and faces of people who did not agree to be shown.
- Want to add a frame, gradient background and shadow afterwards? Run the result through the Screenshot Beautifier.
Frequently asked questions
How do I draw an arrow on a picture?
Choose the Arrow tool, then press where the arrow should start and drag to the point it should touch; the head is drawn at the end where you release. Hold Shift while dragging to snap the arrow to horizontal, vertical or 45° angles.
Can I edit or move something after drawing it?
Yes. Every arrow, box, label and step is kept as a separate annotation until you download. Choose the Move tool, click the mark to select it, then drag it, pick a new color or size, or press Delete.
How do I hide passwords or personal information in a screenshot?
Use the Hide tool and drag a rectangle over the sensitive area. It is replaced by large pixel blocks in the saved image. The blocks are made from heavily averaged pixels, so the original text cannot be read, but for very sensitive data a solid filled box is the safest option.
Will the image lose quality?
No. The picture is edited at its original resolution (up to 6000 pixels on the longest side) and PNG export is lossless. JPG export uses 92% quality and a white background for transparent areas.
Does it work on a phone or tablet?
Yes. Drawing works with a finger or stylus, the toolbar wraps for small screens, and you can open photos from your camera roll with Choose image.
Is my image uploaded anywhere?
No. The image is drawn on a canvas inside your browser and the PNG or JPG is created on your device. Nothing is sent to a server.
What are numbered steps for?
They mark the order of actions in tutorials, bug reports and how-to guides. Each click with the Step tool places the next number in a bold circle, and the numbers continue from the highest step already on the image.
Are all the tools on FreeToolCabin tested for quality and accuracy?
Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.
Related tools
Add Text to ImageAdd styled text layers with outline and shadow to any photo, then downloadScreenshot BeautifierPut screenshots on gradient backgrounds with padding, rounded corners, shadow and a browser frame.Online PaintDraw and paint in your browser: brushes, shapes, fill bucket, text, undo and PNG export.Blur Image & Face Pixelate ToolBlur or pixelate faces, plates and backgrounds in a photo.Background RemoverRemove image backgrounds automatically with AI.Photo EnhancerOne-click auto enhance: fix exposure, contrast, color cast and sharpness, one photo or a batch.Remove Object from PhotoBrush over unwanted objects, people or text and fill the area with matching background.Make Image TransparentRemove a white or solid-color background and save a transparent PNG, right in your browser.Photo to CartoonTurn photos into cartoons with smooth colors and bold outlines. Free, private, no upload.Add Watermark to PhotoAdd a text or logo watermark to one or many photos at once.Pixelate Image & Pixel Art ConverterTurn any picture into pixel art with retro palettes and dithering.Round Corners ImageGive any picture rounded, circle or squircle corners and save a transparent PNG.Grayscale Image ConverterTurn color photos into black and white with luma, luminance or average methods and sepia.Photo FiltersApply 27 one-click photo filters like Vintage, Noir and Teal & Orange with an intensity slider.Photo EditorEdit photos online: brightness, contrast, saturation, crop, rotate, flip and filters with undo.Image SharpenerSharpen soft or slightly blurry photos with a real unsharp mask and before/after view.Invert Image ColorsTurn any picture into a color negative, with R/G/B channel toggles and an intensity slider.Image Metadata ViewerSee a photo's EXIF data: camera, lens, exposure, date and GPS location, then strip it in one click.EXIF RemoverRemove EXIF, GPS location and other metadata from JPG, PNG and WEBP photos.Photo to SketchTurn any photo into a pencil, charcoal or color sketch in your browser and download it.GIF Frame ExtractorSplit an animated GIF into PNG frames with delays, a sprite sheet and ZIP download.Photo Frame MakerPut photos in polaroid, film strip, gallery, rounded or shadow frames with a caption.Duotone GeneratorTurn any photo into a bold two-color duotone image with presets, custom colors and intensity.Glitch Image EffectAdd RGB split, scanlines, slice shifts and noise to a photo for a digital glitch look.Add Date Stamp to PhotoStamp the EXIF or a custom date on photos in a retro orange camera font. Batch and ZIP download.Add Drop Shadow to ImageAdd a drop, long or reflection shadow to PNGs and photos and save a transparent PNG.Add Text to GIFPut captions on animated GIFs with outline, position and frame range, then download.Blend Two ImagesOverlay two photos with opacity, 16 blend modes, fades and free positioning, then download.Blur Photo BackgroundBlur the background of any photo for a portrait-mode look. AI subject detection, no upload.Brick Mosaic GeneratorTurn a photo into a toy-brick stud mosaic with a parts list and printable build guide PDF.Online Document ScannerTurn photos of paper into clean scans: auto edge detection, perspective fix, multi-page PDF.Add Film Grain to PhotoAdd realistic analog film grain, light leaks, fade and vignette to any photo, then download.GIF Speed ChangerSpeed up or slow down an animated GIF, or set each frame's delay, without losing quality.Halftone GeneratorTurn images into mono or CMYK halftone dots and lines; export PNG or SVG.Image Noise RemoverRemove grain and color noise from photos with median, bilateral or non-local means filters.Image Dithering ToolDither photos with Floyd-Steinberg, Atkinson or Bayer in 1-bit, Game Boy, CGA and retro palettes.Perspective CorrectionDrag 4 corners to straighten skewed photos of signs, screens and whiteboards, then download.Photo Mosaic MakerBuild a big picture out of many small photos by color matching, then export a high-res PNG.Add Outline to PNGAdd a stroke outline around transparent PNG cutouts: width, color, softness and double borders.Dehaze ImageRemove haze, fog and smog from photos with the dark channel prior. Free, private, in your browser.HDR Photo EffectGive any single photo an HDR look with local tone mapping, detail boost and a strength slider.Low Light Photo EnhancerBrighten dark and night photos with an adaptive tone curve plus noise reduction.Photo StackingStack photos online: star trails (lighten), noise reduction (mean) and remove passers-by (median).Photo to Oil PaintingTurn a photo into an oil painting with brush size, detail, impasto and canvas texture.Red Eye RemoverClick on red eyes to fix them automatically: adjustable threshold, undo, download the photo.Tilt Shift EffectMake photos look like miniature models with an adjustable tilt-shift focus band and blur.Colorize Black and White PhotoAdd natural color to old black and white photos with AI that runs in your browser. No upload.Photo to AnimeTurn selfies and landscapes into anime-style art with AI in your browser. Free, no upload.Face Shape DetectorUpload a selfie to find your face shape on-device, with hairstyle and glasses tips.Add Background to Transparent PNGFill the transparent areas of a PNG with a color, gradient or photo, plus padding and shadow.Add Stickers to PhotoPut emoji and cute stickers on your photos; scale, rotate, flip and layer them, then save PNG.Color Splash EffectKeep one color, or a brushed area, in color and turn the rest of the photo black and white.Old Photo Face RestorerRestore blurry and damaged faces in old photos with AI (GFPGAN) in your browser. Free, no upload.Image Opacity ChangerMake an image semi-transparent with an opacity slider or fade, and save a transparent PNG.Photo to WatercolorTurn a photo into a watercolor painting with soft washes, color bleed, wet edges and paper texture.Product Photo White BackgroundRemove the background and center products on pure white at 2000 x 2000 for marketplaces. Batch.Redact ImageBlack out or pixelate private info in screenshots; burned in, metadata stripped, PNG download.Rubber Stamp MakerDesign round or rectangular stamps with curved text, borders, stars and grunge ink; PNG or SVG.Signature Background RemoverTurn a signature photo or scan into a clean transparent PNG: threshold, ink color, auto-crop.Skin SmoothingSmooth skin in portraits with face-aware retouching that keeps eyes, lips and skin texture sharp.Straighten ImageFix a tilted photo: rotate by any angle with a grid, auto-crop the corners or level the horizon.AI Style TransferRepaint your photo in the style of any painting or pattern with AI, right in your browser.SVG EditorEdit SVG files visually: move shapes, change colors, text and strokes, add shapes, edit the code.Symmetry Drawing ToolDraw mandalas and kaleidoscope art with radial and mirror symmetry, glow brushes and PNG export.Virtual Background MakerDesign 1920×1080 video call backgrounds with your name, title, logo, blur and branded templates.EXIF EditorEdit photo EXIF and IPTC: date taken, camera, GPS location, copyright and caption, in batch.Face Symmetry TestUpload a face photo to see left-left and right-right mirror composites and a symmetry score.Sports Tactics BoardDraw plays on basketball, soccer, football and hockey diagrams with players, arrows and animated frames.