About

This is a free, open-source, pure front-end image stitching (merging / collaging) tool: All image selection, processing, composition, and export are completed locally in your browser, with no uploads to servers—ensuring privacy and data security. It supports vertical layout and grid layout, allows drag-and-drop sorting, and lets you adjust spacing, corner radius, and background color. It offers a WYSIWYG (What You See Is What You Get) preview and one-click export to PNG. All operations are performed locally in the browser; no images are uploaded to servers. It’s secure, free, and watermark-free.

Goal: To make "quickly combining multiple images into one" sufficiently simple, efficient, and secure.

Core Features

  • 🔒

    Local Security

    Runs entirely on the front end; no images are uploaded, keeping privacy under your control.

  • 📁

    Batch Import

    Select multiple images at once; thumbnails are generated automatically.

  • 🧲

    Drag-and-Drop Sorting

    Reorder by dragging thumbnails, with real-time preview.

  • ↕️

    Horizontal & Vertical Layouts

    Currently supports horizontal and vertical stitching.

  • 🎨

    Style Configuration

    Freely adjust spacing, corner radius, outer margins, and background color.

  • ⚡

    Real-Time Preview

    WYSIWYG: parameter changes are reflected instantly.

  • 🖼️

    Automatic Size Adaptation 

    Align by the smallest or largest dimension to keep layouts tidy.

  • 💾

    One-Click Export

    Exports PNG without watermarks; ready to share or archive.

  • 📐

    Grid Layout

    Multiple layout options to meet different scenarios.

Quick start

  1. 1. Click “Select Images” or drag images in.
  2. 2. Drag thumbnails in the list to reorder.
  3. 3. Choose a horizontal or vertical layout; expand “More Settings” if needed.
  4. 4. Adjust style options such as spacing, corner radius, and background color.
  5. 5. When the preview looks right, click “Download”.
  6. 6. Save the generated PNG image.

Tip: If many or very large images cause lag, process them in batches.

How it works and security

  • Image loading: Uses the browser File API to create local object URLs; nothing is uploaded to the internet.
  • Layout preview: Rendered in real time with CSS Flex/Grid (later) and computed dimensions.
  • Composition and export: Renders the current layout to a Canvas, then exports a PNG.
  • Memory release: When images are deleted or the page is refreshed, object URLs and memory are released immediately.

Privacy assurance: No data is sent over the network at any time. Verify in DevTools’ Network panel that no upload requests occur.

FAQ

Why is it so fast?

All operations run in local memory and Canvas, with no network latency.

Feedback & suggestions

If you have any questions, suggestions or feedback, please contact us at  [email protected]

Thanks for using this tool—may it save you time and help you focus on creativity.