Cutting image assembler

This is a personal tool I created to prepare my own print-ready files: pins, stickers, die-cut decals... basically anything that needs to be arranged on a sheet before sending it to print. I’m sharing it in case anyone else finds it useful. There is no installation required; it’s a single HTML file that opens right in your browser.

What does it do?

Cutting image assembler is a visual layout tool for print production. You load your images, choose the format for each piece (size, circular or rectangular shape), place them on a sheet of any size you need, and export a PDF ready for the print shop. Everything runs locally in your browser—no servers, no accounts.

Images

Drag your images directly into the upload area or click to open them from your file explorer. It supports as many images as you need and keeps them listed in the sidebar, ready for use. From the list, you can drag each image onto the sheet or drop it directly onto an existing piece to replace its content.

Print Formats

This is where you define the size and shape of each piece. You can create as many formats as you need with custom names, widths, and heights in millimeters. The available shapes are:

• Rectangle / Square — for stickers and any straight-edge cutouts.
• Circle — for pins and round buttons, with bleed support: you define the "safe area" diameter and the outer bleed area, which can be colored independently for each piece.

Once a format is created, click it to activate it and start dragging images onto the sheet; every piece will be placed using those dimensions and shape.

Per-Piece Image Editor

Selecting any element on the sheet allows you to open it in the image editor. From there:

• Zoom — adjust how much of the image is visible within the crop (from 20% to 400%).
• Position — drag the image inside the crop or enter exact X/Y values for precision centering.
• Background Color — useful when the image doesn't cover the entire crop area.
• Bleed Color (Circles only) — the outer ring can have a different color per element.

Sheet (Canvas)

Define the paper you’ll be printing on: size (A4, A3, Letter, or any custom dimension in mm), vertical or horizontal orientation, and page margins. The sheet updates in real-time with adjustable zoom.

Layouts

Layouts are saved arrangements of pieces on the sheet. It works like this: you arrange the pieces exactly how you want (manually or using the auto-organizer) and save that layout with a name. You can then recall it at any time or use it for batch exporting. This is especially helpful for standard setups you repeat often: "4 x 58mm pins on A4," "3×6 sticker strip," etc.

Auto-Organization

The auto-organize button rearranges all pieces on the sheet neatly based on your settings:

• Spacing between pieces (in mm).
• Extra padding added to the sheet margins.
• Fill order: row by row (→) or column by column (↓).
• Alignment: top-left, center-sheet, or top-right.

Trim Lines

You can toggle "crop marks" or "cut lines" on the sheet, showing you exactly where each piece will be trimmed. These lines can be included in the exported PDF to serve as a guide for the print shop or your cutting plotter.

Batch Export

The Batch tab allows you to automatically generate a multi-page PDF by combining images and layouts. Select which images and layouts you want to use, and the exporter generates one page for every "image × layout" combination. It's ideal for preparing all variants of a design or an entire collection in one go.

Project Management & Settings

• Export / Import Settings — save your formats, layouts, and visual preferences as a JSON file to reuse them later.
• Save / Load Project — saves the entire state of the sheet: images, positions, and individual piece settings. You can pick up exactly where you left off.
• History — Undo (Ctrl+Z) and Redo (Ctrl+Y) for every action.

Keyboard Shortcuts

Shortcut	Action
Ctrl+Z	Undo
Ctrl+Y / Ctrl+Shift+Z	Redo
Ctrl+S	Save Project
Ctrl+A	Select All
Ctrl+D	Duplicate Selection
Del / Backspace	Delete Selection
+ / -	Sheet Zoom
0	Zoom to 100%
↑ ↓ ← →	Move selection by 1 mm
Shift + ↑ ↓ ← →	Move selection by 5 mm

Languages

The interface is available in Spanish and English, with a language toggle button in the header.

Caution!!

Your formats and distributions are saved automatically in your browser. They'll still be there when you come back, as long as you use the same browser and don't clear your site data. Use the Export Config button to back them up or transfer them to another device.

💬 Feedback & Support

I love seeing how you use Cutting image assembler in your projects. If you have questions, ideas, or just want to share what you’ve made, feel free to leave a comment or reach out directly. It’s always great to see your work in action.

If you found this tool useful, taking a moment to leave a rating really helps. Thanks for the support ❤️