Photo Editor
A full-featured image editor with filters, text, drawing, and stickers - all running locally in your browser.
Overview
The Photo Editor provides professional editing capabilities:
- Apply image filters and adjustments
- Add text overlays
- Free-form drawing
- Add stickers and frames
Supported Formats
- JPG / JPEG
- PNG
- WebP
How to Use
- Select the Tool - Click on "Photo Editor" from the Images category
- Upload Your Image - Drag and drop or click to browse
- Edit Using Tabs - Switch between editing modes
- Save - Click "Save" to download your edited image
Editing Tabs
Filters Tab
Adjust image properties with real-time preview:
| Filter | Range | Default |
|---|---|---|
| Brightness | 0-200% | 100% |
| Contrast | 0-200% | 100% |
| Saturation | 0-200% | 100% |
| Blur | 0-20px | 0px |
| Grayscale | 0-100% | 0% |
| Sepia | 0-100% | 0% |
Click "Reset" to restore default values.
Text Tab
Add text overlays to your image:
- Text Content - Enter your text
- Color - Choose text color
- Font Size - Adjust size (12-80px)
- Click "Add Text" to place on canvas
- Drag to reposition, click to select
Draw Tab
Free-form drawing on your image:
- Brush Color - Choose drawing color
- Brush Size - Adjust thickness (1-30px)
- Toggle "Start Drawing" to enable
- Draw directly on the canvas
Stickers Tab
Add images as stickers or frames:
- Click "Upload Sticker/Frame"
- Select an image file
- Sticker appears on canvas
- Drag to position, resize corners
Canvas Controls
- Delete - Remove selected object (trash icon)
- Save - Export edited image at 2x quality
Technical Details
- Built with Fabric.js canvas library
- High-quality export (2x multiplier)
- Non-destructive editing
- Supports object selection and manipulation
Tips
- Use filters sparingly for natural results
- Add text with contrasting colors for readability
- Stickers can be resized by dragging corners
- All objects can be repositioned by dragging
Privacy
All editing happens locally in your browser. Your images are never uploaded to any server.