🖼
Upload ImagePNG, JPG, WebP, GIF
⬇
Save LayoutExport slice positions as JSON
⬆
Load LayoutRestore a saved layout
🗑
Clear All SlicesRemove all slice boxes
↺
Start FreshReload and clear everything
☕
DonateSupport SliceCanvas
Coverage
0%
Package
ZIP
PNG slicesAll panels in one archive
PDF
One page per slicePrint-ready
Individual files
PNG
Lossless, transparentBest quality
JPG
CompressedSmaller files
EPS
Illustrator / RIP readyBundled in .zip
+Add Slice▼
Details
Name
Widthpx
Heightpx
Opacity
20%
Grid Fill
Cols
Rows
Tiles the image with equal boxes (R1C1, R2C3...)
⬡Bleed / Overage▼
Enable bleed
Off
Each edge expands by10 px

Extends each slice for overage. Dashed orange ring shows bleed.

⬡ Slices ▲
Slices 0 / 50
# Name & size
⬡
No slices yet
Upload an image then add slice boxes.
◈ Stencils ▲
Stencils 0
Vehicle Presets
◈
No stencils yet
Upload a PNG, SVG, or JPG overlay guide.
Selected Stencil
50%
100%
✦  SliceCanvas for Illustrator — work with slices directly inside Adobe Illustrator
SliceCanvas — Illustrator Plugin
🪟Windows
1Unzip the download and run install.bat — it copies the plugin automatically
2Enable unsigned extensions — open regedit, navigate to:
HKEY_CURRENT_USER\Software\Adobe\CSXS.12
Add String Value: PlayerDebugMode = 1
3Restart Illustrator → Window → Extensions → SliceCanvas
🍎Mac
1Unzip and copy com.slicecanvas.panel to:
~/Library/Application Support/Adobe/CEP/extensions/
2Enable unsigned extensions — run in Terminal:
defaults write com.adobe.CSXS.12 PlayerDebugMode 1
3Restart Illustrator → Window → Extensions → SliceCanvas
Requires Adobe Illustrator 2022 or newer. The Library folder is hidden on Mac — in Finder press Cmd+Shift+G and paste the path above.
100%
—
Drag to select crop area
⬡
Drop image here
or click to upload · PNG, JPG, WebP, GIF
No image loaded — v1.0.0  ·  © SliceCanvas
Editing Slice
—
—
Name
Position
Size
Rotation
Box Fill Opacity
20%
?  Help & Shortcuts
Getting Started
1Click Upload or drag an image onto the canvas
2Set your shape, size & name then click + Add Slice Box
3Drag boxes over the image to position your panels
4Enable Bleed if your printer needs overage
5Click SLICE or choose a format from Download As
Keyboard Shortcuts
DelDelete selected slice
DDuplicate selected slice
EscDeselect / close editor panel
↑↓←→Nudge selected slice 1px
⇧ + ArrowNudge selected slice 10px
Ctrl ZUndo
Ctrl YRedo
Ctrl +Zoom in
Ctrl −Zoom out
Ctrl 0Fit to window
Ctrl ScrollZoom in / out on canvas
RToggle rulers
VToggle preview mode
Canvas Tools
SnapBoxes snap to each other's edges and image boundaries
DimDarkens image outside slices so cuts are clearly visible
RulersPixel rulers — click top ruler for H guide, left for V guide. Drag to move, right-click to delete
PreviewShows only the sliced areas — everything else goes black
Slice List
Click rowOpens the edit panel for that slice (position, size, opacity)
Drag rowReorders panels — export filenames are prefixed with the order number
! badgeRed warning — this slice overlaps another panel
⧉ buttonDuplicate slice
Bleed / Overage
What is bleed?Each slice is expanded outward beyond the box on all sides. The box defines the trim line; bleed is extra for the installer to fold or cut.
UnitsEnter bleed in px, mm, or inches. mm/in are converted using your DPI setting.
Orange ringShows the full bleed-extended export area on the canvas
Export Formats
ZIP PNGAll slices bundled — best for most workflows
PDFOne page per slice, sized to panel dimensions
PNGIndividual files — lossless, supports transparency for circle slices
JPGIndividual files — compressed, smaller file sizes
EPSIllustrator & RIP-compatible, image embedded as JPEG — bundled in .zip