PixelOkay
IMAGE TOOLSLayer-Based Image Editor
Local-first editing
Tools
Creative workspace / Image editing

Layer-Based Image Editor

Blend photography, typography, shapes, and non-destructive masks — entirely in your browser.

Not saved yet
50%
TOOLS
8 editable layers · 1200 × 800 px
Drag a layer to move it. Select mask erase to hide pixels without deleting them.
Make every pixel count.

Compose photo layers, reusable shapes and type, then mask, blend and export without leaving your browser.

7 blend modes32 layer limit0 server uploads

Export your design

Choose a flattened image or an editable layered project. All files are created locally.

JPG always has an opaque background. Exported image files are flattened; use Project JSON to preserve editable layers and masks. The JSON is not a Photoshop PSD.

Design preflight

Check potentially clipped or empty elements before sharing. These are layout hints, not a guarantee of print quality.

Keyboard shortcuts

Undo / redoCtrl+Z / Ctrl+Shift+ZDownload projectCtrl+SDuplicate layerCtrl+DDelete selected layerDeleteMove layer 1 / 10 pixelsArrows / Shift+ArrowsClose tool / cancel dragEsc

Using Layer-Based Image Editor

Choose an artboard, add supported images, text or shapes and arrange the layer stack. Adjust opacity/blends, paint layer-relative masks and review advisory design warnings. Export a flattened image and keep project JSON for editable layers and masks.

This uses PixelOkay JSON rather than PSD and does not preserve Photoshop smart objects or promise editor interoperability. Bounds include 32 layers and 12 MP document/export output; masks, embedded images and history also have budgets. Browser autosave is best effort. JPEG is opaque, while supported PNG/WebP can retain transparency; raster output is not CMYK print preparation.

Choosing outputs and planning a Layer-Based Image Editor workflow

Arrange supported images, text and shapes in a bounded layer stack, edit opacity and blend settings, paint layer-relative masks and export a flattened image.

PixelOkay project JSON preserves supported layers, masks and embedded images for editing. PNG/WebP or JPEG exports are flattened raster output; JPEG is opaque and raster files are not CMYK print masters.

Example workflow

  1. Start an artboard and add an image, text or shape layer.
  2. Reorder layers and adjust opacity or blend settings; paint a mask on the selected layer and inspect the advisory design checks.
  3. Export a raster copy and save project JSON separately when you need to return to editable layers.

Authored example: Create a fictional event card with a background image, title and accent shape. Hide and reorder layers, then compare the flattened export with the editable project structure.

Scope: The project format is PixelOkay JSON, not PSD, and does not preserve Photoshop smart objects or promise editor interoperability. Layer, image, history and 12 MP document/export bounds apply.

Layer-Based Image Editor questions

Can I continue this project in Photoshop as a PSD?

No. The editable backup is PixelOkay JSON; PSD conversion and smart-object compatibility are not provided.

Will a JPEG export preserve transparent areas?

No. JPEG is opaque. Supported PNG and WebP exports can retain transparency.

Related tools