Image Editor
Non-destructive editing — your original image is never modified. All operations stack and can be undone.
[Screenshot: edit-loaded]
Placeholder — captured during E2E tests
Placeholder — captured during E2E tests
Getting Started
- Drop an image, click to browse, or press Ctrl+V to paste
- Ribbon toolbar activates when an image loads
- Press Ctrl+Z to undo any operation
Features
| Feature | Description |
|---|---|
| Resize | Non-destructive, from original. Slider or exact px/% input. Objects scale proportionally. |
| Crop | Free, ratio presets (1:1, 4:3, 16:9), or smart auto-crop. |
| Rotate/Flip | 90° steps, horizontal/vertical flip. |
| Adjust | Brightness, Contrast, Saturation, Hue sliders. |
| Filters | Grayscale, Sepia, Invert, Blur, Sharpen. |
| Draw | Rectangle, Ellipse, Arrow, Curved Arrow, Text, Pen, Highlighter, Redact. |
| Effects | Vignette, Denoise, Pixelate, Round corners. |
| Export | PNG, JPEG, WebP, BMP, SVG trace. |
[Screenshot: edit-drawing-objects]
Placeholder — captured during E2E tests
Placeholder — captured during E2E tests
Drawing Objects
Objects are selectable, movable, and resizable. The curved arrow has a draggable control point for bending. When you resize the image, objects scale proportionally.
Reset & Clear
- Reset All — reverts all edits, keeps the image loaded
- Clear — unloads the image entirely, returns to the drop zone
Keyboard Shortcuts
| Action | Key |
|---|---|
| Undo | Ctrl+Z |
| Redo | Ctrl+Y |
| Export | Ctrl+S |
| Ruler | R |
| Grid | G |
| Center | C |
| History | H |