Image Tools
Photo Annotation Tool — Text, Watermarks & Image Overlays
Annotate photos free with draggable text, watermarks, and image overlays. Adjust opacity, rotation, shadow, border & glow — download PNG, JPEG, or WebP now.
TL;DR: Upload a base photo, add text annotations, text watermarks, or image/watermark overlays, drag each layer into position, adjust opacity, rotation, font, color, and shadow/border/glow effects, then download the composited result as PNG, JPEG, or WebP via canvas.
Reviewed by FYN Tools Editorial · Guides ·
Privacy & processing: 100% client-side browser processing — annotations are composited onto your photo using HTML canvas drawing locally; nothing is uploaded to a server.
Photo Annotation Tool
Annotate photos free with draggable text, watermarks, and image overlays. Adjust opacity, rotation, shadow, border & glow — download PNG, JPEG, or WebP now.
- Inputs
- A base image file plus optional text content, watermark text, or overlay image files
- Outputs
- A single composited image with all annotations baked in, downloadable as PNG, JPEG, or WebP
- Processing
- Client-side (browser canvas compositing)
- Limits
- Annotations are draggable on the canvas preview; each layer supports opacity (0–1), rotation in degrees, and one effect at a time (shadow, border, or glow)
Quick steps
- Upload your base photo using the main image upload.
- Choose an annotation type: Text, Watermark (text or image), or Image Overlay.
- For text, enter your content, font size, color, and optional effect (shadow, border, glow).
- For image watermarks or overlays, upload the overlay image file.
- Drag each annotation on the canvas preview to position it; adjust opacity and rotation in the controls.
- Select PNG, JPEG, or WebP output and click Download to save the composited image.
- Text and text-watermark annotations
- Image overlay and image-watermark upload
- Draggable canvas positioning
- Opacity and rotation controls per layer
- Shadow, border, and glow text effects
- PNG, JPEG, and WebP download
Data input / output
| Inputs | A base image file plus optional text content, watermark text, or overlay image files |
|---|---|
| Outputs | A single composited image with all annotations baked in, downloadable as PNG, JPEG, or WebP |
| Formats | Input: image/* for base and overlay images; Output: PNG, JPEG, or WebP |
| Limits | Annotations are draggable on the canvas preview; each layer supports opacity (0–1), rotation in degrees, and one effect at a time (shadow, border, or glow) |
| Processing | Client-side (browser canvas compositing) |
How to Use the Photo Annotation Tool
- Upload your base photo using the main image upload.
- Choose an annotation type: Text, Watermark (text or image), or Image Overlay.
- For text, enter your content, font size, color, and optional effect (shadow, border, glow).
- For image watermarks or overlays, upload the overlay image file.
- Drag each annotation on the canvas preview to position it; adjust opacity and rotation in the controls.
- Select PNG, JPEG, or WebP output and click Download to save the composited image.
What is a Photo Annotation Tool?
This annotation tool lets you layer text, text-based watermarks, and image overlays on top of a base photo. Each annotation is draggable on the canvas preview so you can position it precisely. Per-layer controls include font size, color, opacity (0 to 1), rotation in degrees, and a visual effect choice of none, shadow, border, or glow — shadow adds a drop shadow, border draws a stroke around text, and glow applies a colored blur behind the element.
Image overlays and image watermarks are loaded from separate file uploads and placed on the canvas at a default position, then dragged to the desired spot. When you download, all layers are flattened into a single canvas export in PNG, JPEG, or WebP. The entire workflow is client-side — your photos and overlay images never leave your browser.
The base image draws first onto the canvas at its natural dimensions. Each annotation renders on top in list order: text and text watermarks use canvas fillText with optional shadow, stroke, or glow settings applied before drawing; image overlays use drawImage at the annotation's x/y position with rotation and opacity transforms. Download re-renders the full stack and exports via canvas.toDataURL or toBlob.
How it works
Photo Annotation Tool reads your input from the panel above, applies text and text-watermark annotations, and shows a result you can copy or download. Options stay visible so you can iterate without reloading the page.
Explore more tools on our site.
Common Use Cases & Examples
- Copyright watermarking: Add a semi-transparent text watermark (your name or site URL) with the shadow effect, drag it to a corner, and download a protected PNG.
- Product label overlay: Place bold text with a border effect over a product photo to show a sale price or SKU before sharing on social media.
- Logo stamp on photos: Upload your logo as an image overlay, reduce opacity to 50%, and position it consistently across event photos.
Input / Output Examples
Input
Upload a file Supported formats: PNG, JPG, WebP
Output
Processed file Download when processing is complete.
Frequently Asked Questions
What can I add to my photo?+
You can add your name, date, signature (drawn or typed), and fingerprint image. Many visa and government forms require these annotations on the photo itself.
Do I need a physical fingerprint?+
Some applications require a fingerprint scan on the photo. You can upload an image of your fingerprint or use the tool's fingerprint option if available.
Will this work for my visa application?+
Check your specific application guidelines. Many visa and government forms accept digitally annotated photos. Our tool helps you meet common requirements.
Is my data private?+
Yes, all processing happens in your browser. Your photos and annotations are never uploaded to our servers.
Key Features
- Text and text-watermark annotations
- Image overlay and image-watermark upload
- Draggable canvas positioning
- Opacity and rotation controls per layer
- Shadow, border, and glow text effects
- PNG, JPEG, and WebP download
Benefits
Watermark photos in seconds without desktop software.
Position and style overlays visually instead of guessing coordinates.
Keep original and overlay files private — all compositing is local.
When to Use Photo Annotation Tool
- Adding a copyright watermark or logo to photos before publishing online
- Labeling product images with price or size text for a quick catalog draft
- Placing a badge or stamp overlay on a batch of event photos
- Creating annotated screenshots with callout text for documentation
Advantages
- Three annotation types: text, text watermark, and image overlay
- Draggable positioning with opacity and rotation per layer
- Shadow, border, and glow visual effects for text
- PNG, JPEG, and WebP export from a single canvas composite
Tips
- Lower opacity (30–50%) on watermarks keeps them visible without overpowering the photo.
- Use the shadow effect on light backgrounds and the border effect on busy or varied backgrounds.
- Drag annotations after every control change — position updates live on the canvas preview.
- Export as PNG when you need transparency in overlay elements; use JPEG for smaller file size on opaque photos.
Common Mistakes
Adding a watermark but leaving opacity at 100%, making it block too much of the image.
Forgetting to drag the annotation after adding it — it may sit at a default corner position.
Expecting vector-editable layers after download — the export flattens everything into one raster image.
Summary
Upload your photo, add text or image overlays, drag them into place, fine-tune opacity and effects, and download a flattened PNG, JPEG, or WebP — all composited locally in your browser.