Image tools
Shape Overlay
Add rectangles, circles, and triangles onto images with Fabric.js.
- Mobile Friendly
- Accessibility Tested
- SEO Optimized
- Fast Loading
- Responsive
Version 1.0.0 · Last reviewed
Shape overlay
Drop rectangles, circles, and triangles to highlight areas.
How it worksShow guideHide guide
Introduction
Highlight regions with basic shapes you can move and resize.
Step-by-step
- Upload an image
- Add a shape
- Resize/move and download
Worked example
A UI screenshot gets a translucent red rectangle over a broken button.
Use cases
- Call out UI bugs
- Mask areas lightly
- Build simple diagrams
Frequently asked questions
Can shapes be transparent?
Yes. Shapes use semi-transparent fills with solid strokes.
Related tools
Popular tools
Compress Image
Compress and convert JPG, PNG, and WebP images in your browser with FFmpeg — private, free, no upload.
Resize Image
Resize JPG, PNG, and WebP images in your browser with FFmpeg — private, free, no upload.
Metadata Cleaner
Remove EXIF, GPS, and other hidden metadata from images in your browser — private, free, no upload.
Image Cropper
Crop images to free or fixed aspect ratios in your browser — private, no upload.
Was this helpful?
Your feedback stays on this device only — it is not sent to the mySutra team yet.