indielab.dev logo indielab.dev

Frontend Image Editor

Upload an image, then crop, resize, apply rounded/circle mask, add text, draw with mouse, and place colored shapes.

Crop

Enable crop mode and drag on canvas.

Resize

Mask

Text

Mouse Markup

Shapes

Ready.

How it works

We initialize an HTML5 canvas context. When you perform crop, resize, mask, or draw, we manipulate the canvas's 2D context. For instance, cropping draws a subsection of the original image buffer onto a resized canvas; drawings and text layers are stacked on top as vector paths before flattening them into a single exportable buffer.

Frequently Asked Questions

What image formats are supported?

Any format your browser natively supports, including PNG, JPG, WebP, SVG, and GIF. Note that animated GIFs will be exported as static images.

Does editing preserve EXIF metadata?

No. Canvas manipulation strips all EXIF metadata (GPS coordinates, camera model, lens info). If you need to preserve metadata, use a specialized metadata-preserving editor.

Privacy Guaranteed

All file conversions and processing are executed locally inside your browser using client-side JavaScript. We never upload your files, images, videos, or private data to any server. Your information remains 100% secure.