Browser-first image editor

Image Editor

Create a transparent image project in your browser, open or import JPG, PNG, and WebP images, then crop, transform, add text or shapes, and export to PNG, JPG, or WebP.

What this slice does now

Most editing happens in your browser after the image is loaded, so the core editing path does not depend on server-side image processing.

  • Create a transparent project or open a JPG, PNG, or WebP image as a new project directly in the browser.
  • Import more images into the current project, add text and shapes, and keep inserted layers selectable and resizable.
  • Crop selected image layers, adjust basic appearance controls, and export to PNG, JPG, or WebP without a paid API or heavy frontend framework.
🖼️
Start a project

Create a blank project, open an image as a new project, or import an image to begin on a transparent stage. This slice adds basic project workflow, not a full desktop editor.

Open or import JPG, PNG, or WebP images up to about 25 MB. Very large sources above roughly 40 megapixels may be rejected so the browser editor stays usable.

Supported formats

Open or import JPG, PNG, or WebP images up to about 25 MB. Very large sources above roughly 40 megapixels may be rejected so the browser editor stays usable.

Privacy note

The core workflow keeps the image on the user device after it is opened in the page. This slice does not add account saving, cloud saving, or required login.

Current limitations

This is not a Photoshop or Photopea clone. There is no PSD support, no persistent cloud saving, and no desktop-editor parity claim. The layers panel, blend modes, and undo/redo are included but stay browser-side only.

How to use it

  1. Create a new project, open an image as a new project, or import an image into the current project.
  2. Use the grouped toolbar for view, transform, crop, and insert actions, then use the layers panel and inspector for the current selection.
  3. Export the current document as PNG, JPG, or WebP. Transparent areas stay transparent in PNG and WebP, while JPG flattens to white.

Image Editor FAQ

Does this editor upload the image to the server?

The main editing workflow is browser-side. After the image is opened in the page, the Fabric.js canvas handles crop, transforms, overlays, and export on the user device.

Does it support PSD files or desktop-editor parity?

No. This editor includes a layers panel, blend modes, and undo/redo, but it does not claim PSD support or full desktop-editor parity.

What can I edit after importing images, text, or shapes?

Imported images, text layers, and shape layers stay selectable on the document stage. Image layers support crop, rotate, flip, move, resize, opacity, and blend modes. Text supports font size, alignment, and fill color. Shape layers expose fill, stroke, opacity, and blend modes. Use the layers panel to reorder, hide, lock, duplicate, or delete any layer.

Related tools and categories

Move to the live tool, a related category, or back to the full tools hub.