tooladdToolAdd

Image Stack

Arrange overlapping images with precise spacing and export a transparent PNG

Images are processed locally in your browser
Live previewWaiting for images

Drop images here to start stacking

Supports PNG, JPG, WebP, AVIF, GIF, and BMP

Transparent backgroundThe checkerboard is a preview guide and is not exported

Image list 0

Add images to arrange their order here

The list runs from left to right. Use the arrows to move images.

Layout settings

Overlap30%
Vertical offset0%
Corner radius3%
Canvas padding4%

Images share the same height and keep their proportions. Transparent canvas does not remove backgrounds inside images.

0 images loaded. Add or drop more images at any time.

Help Guide

How to use the image stacking tool

Click Add images or drop several files into the preview. Images are arranged at the same height while keeping their individual proportions. Adjust overlap, vertical offset, corners, and padding, then export a PNG.
The list matches the left-to-right positions on the canvas. Use the arrows to move images. Layer order determines whether left or right images appear in front. The shadow switch only affects overlapping image edges.
Choose 1600, 2400, 3200, or 4096 pixels for the longest edge. The other dimension follows the layout proportions. Empty canvas areas and rounded corners stay transparent. The checkerboard is not exported, and existing image backgrounds are not removed.
PNG, JPG, WebP, AVIF, GIF, and BMP are supported when your browser can decode them. Animated images use their first frame and are exported as a static PNG. All processing happens in your browser; images are never uploaded.