‹ Image Tools / Composition

Free Online Composition

Stack a background, a main image and an overlay on a custom canvas. Drag, zoom and export in your browser.

Compose an Image How It Works

Stack three layers on one canvas

Background, main image and cover overlay — drag to reposition, scroll to zoom, export as JPG, PNG or WebP. Prefs auto-save in your browser.

Export

Format

Quality (JPG / WebP) 80%

📷

3 Layers

BG · Main · Cover

🎨

Color Fill

Custom + swatches

💾

Auto-Save

Via LocalStorage

How to compose an image on a canvas

Three layers, one private canvas.

Load layers

Add a main image and optional background or cover overlay.

Arrange the canvas

Set dimensions, color, position and zoom.

Export

Choose JPG, PNG or WebP and download the composition.

Transparency preserved. PNG and SVG main layers keep their alpha, so logos and cutouts sit cleanly over any background or fill color.
Big images are stored locally. Layer data is auto-saved to localStorage. Very large photos may exceed the quota — clear a layer if saving is blocked.

A tiny studio that lives in your browser

Layer control, live canvas feedback and instant export — no installs, no accounts, no uploads.

True three-layer stack

Background, main image and cover overlay render in order — toggle or clear any layer without disturbing the rest.

Drag, zoom, reset

Move the main layer with the mouse, scroll to zoom from 10% to 300%, and one click restores the centered default.

Fill color + swatches

Pick any hex color or start from curated swatches — the canvas fill updates live beneath your layers.

Any canvas size

From a 100 px badge to a 2000 px banner — type exact dimensions and apply without reloading anything.

JPG, PNG or WebP

Switch export format with one chip, tune quality for lossy formats, and download instantly.

Private by design

Layers, canvas state and export run entirely on your device — your images are never uploaded.

Frequently asked questions

Are images uploaded to a server?
No. Layers and exporting run locally in your browser.
What layers can I use?
Use a background, a main image and an optional cover overlay.
Which formats can I export?
Export JPG, PNG or WebP.
Is work saved between visits?
Composition settings are stored in localStorage on this device.

Ready to stack your layers?

Load a background, a main image and an overlay — drag, zoom and export a finished composition straight from your browser.

Compose an image Browse image tools

How to compose an image on a canvas

Three layers, one private canvas.

1

Load layers

Add a main image and optional background or cover overlay.

2

Arrange the canvas

Set dimensions, color, position and zoom.

3

Export

Choose JPG, PNG or WebP and download the composition.

Frequently asked questions

Are images uploaded to a server?
No. Layers and exporting run locally in your browser.
What layers can I use?
Use a background, a main image and an optional cover overlay.
Which formats can I export?
Export JPG, PNG or WebP.
Is work saved between visits?
Composition settings are stored in localStorage on this device.

Ready to use Composition?

Fast, private, and runs directly in your browser without uploading any data.

Start now Explore image tools