Layer Editor

A layered document keeps every element separate until you export, so you can change anything later. Here, each image, text block or shape is its own layer with its own position, scale, rotation, opacity and blend mode. Layers are drawn from bottom to top, and the list on the right shows them top first, just like in desktop editors. You can hide, lock, duplicate, reorder or delete any layer, and every change can be undone.

Blend modes decide how a layer mixes with everything beneath it. Multiply darkens, and is ideal for placing logos or textures on paper. Screen lightens, for light leaks and double exposures. Overlay and Soft light add contrast and texture. Difference and Exclusion create graphic effects. Hue, Saturation, Color and Luminosity let one layer borrow a single property from another. All 16 modes use the browser's native Canvas compositing, so the result matches what you see.

You work directly on the canvas. Click a layer to select it and drag it to move. Pull a corner handle to scale it, or drag the round handle above it to rotate, holding Shift to snap to 15° steps. Arrow keys nudge by 1 pixel (Shift for 10), Ctrl+D duplicates and Delete removes. Text layers support ten fonts, bold, italic, alignment, colour, an outline and a drop shadow. Shapes can be rectangles with rounded corners or ellipses, with a fill and an outline.

Start from your own image, whose size becomes the canvas, or from a blank canvas preset: square or portrait post, Story, YouTube thumbnail, Full HD, social share image or A4 at 300 dpi. The canvas can be transparent or any background colour. Export renders the full canvas at its true pixel size as PNG, JPG, WebP or AVIF. PNG and WebP keep transparency.