Slicer

Open Slicer

Slicer is a sprite-sheet cutting tool for turning larger images into individual PNG assets. It is built for game art workflows where you need to pull a character frame, tile, icon, prop, or irregular object out of a larger sheet without losing pixel precision.

You can upload one or more image files, select exactly the pixels you want, preview the export, and download PNG slices. Slicer supports square and free rectangular selections, polygon-shaped cutouts, grid slicing, pixel snapping, zooming, panning, and batch rectangular extraction across multiple loaded images.

What it does

Use Slicer when you need to extract finished image assets from a larger source image. Common uses include:

• Cutting a single sprite from a sprite sheet.
• Exporting square icons, portraits, inventory items, or tiles.
• Cropping rectangular animation frames or UI pieces.
• Tracing an irregular object with a polygon and exporting only that shape.
• Adding horizontal and vertical cut lines to divide a tile sheet into many cells.
• Applying the same rectangular crop to multiple loaded images.

Slicer exports PNG files. Rectangular and polygon exports save one image at a time. Batch export saves the same rectangular region from every loaded image. Grid slicing saves every cell created by the grid lines on the active image.

Access requirements

Anyone can open Slicer and try the workspace. If you are not signed in, Slicer may automatically load a demo image so you can explore the interface.

Uploading images into the workspace is available from the tool UI. Downloading saved slices requires a signed-in account with the required access level. If you are signed out, the export button prompts you to sign in. If your account does not currently have access to saving from Slicer, the export button prompts you to upgrade.

Uploading images

To load artwork into Slicer:

1. Open Slicer.
2. Use the upload area in the left sidebar.
3. Choose one or more image files. The upload area accepts browser-supported image files such as PNG, JPG, and GIF.
4. Loaded files appear under Loaded Images.
5. Click an image in the list to make it the active canvas.

You can also drag image files onto the tool area. When multiple images are loaded, Slicer keeps them in the Loaded Images list so you can switch between them or remove individual images.

When you select a different loaded image, the canvas switches to that image. If your filename does not contain the batch placeholder, Slicer updates the filename field to match the selected image name.

Workspace overview

Slicer is arranged in three main areas:

• Left sidebar: upload, selection mode, grid snap, loaded image list, cleanup actions, and image/selection information.
• Center canvas: the active image, selection overlays, grid lines, polygon points, zoom controls, and pan interaction.
• Right sidebar: export preview, filename field, save buttons, and quick usage tips.

The left sidebar’s information panel updates as you work. Depending on the active mode, it may show the number of loaded images, active image dimensions, zoom percentage, current mode, selection size and position, polygon point count and bounds, or grid line and cell counts.

Selection modes

Slicer has four selection modes: 1:1, Free, Polygon, and Grid. Changing modes clears the active selection for the previous mode so you can start cleanly.

1:1 mode

1:1 mode creates a square selection. It is useful for assets that must have equal width and height, such as tiles, icons, portraits, item art, minimap markers, and square animation frames.

To use it:

1. Select 1:1 in the left sidebar.
2. Click and drag on the image.
3. Slicer creates a square using the smaller drag distance so the width and height stay equal.
4. Adjust the selection if needed with the on-canvas handles.
5. Confirm the preview in the right sidebar.
6. Click Save Current to download the selected square as a PNG.

The green label above the selection shows its pixel dimensions.

Free mode

Free mode creates a rectangular selection with independent width and height. Use it for sprites, animation frames, UI strips, props, scenery pieces, or any crop that does not need to be square.

To use it:

1. Select Free.
2. Click and drag over the region you want to extract.
3. Use the center handle to move the selection.
4. Use the edge handles to resize it.
5. Check the preview in the right sidebar.
6. Click Save Current.

The left sidebar shows the selection’s width, height, and position in pixels.

Polygon mode

Polygon mode lets you outline an irregular shape by placing points around it. This is helpful when you want to isolate a non-rectangular object while keeping transparency outside the traced shape.

To use it:

1. Select Polygon.
2. Click on the image to place the first point.
3. Continue clicking around the object to add more points.
4. After placing at least three points, move the cursor near the first point.
5. When the close hint appears, click near the first point to close the polygon.
6. Review the polygon preview in the right sidebar.
7. Click Save Current to export the clipped shape as a PNG.

The exported polygon uses the polygon’s bounding box as the image size. Pixels outside the closed polygon are transparent in the PNG.

While building the polygon, the preview area shows how many points have been placed and reminds you to click near the start point to close it. Once closed, the left sidebar shows the point count and the polygon bounds.

Grid mode

Grid mode slices the active image into multiple cells by placing horizontal and vertical cut lines. The outer image edges automatically act as boundaries, so you only place the internal cut lines.

To use it:

1. Select Grid.
2. In the grid controls, choose Horizontal or Vertical line placement.
3. Move over the canvas to preview where the next line will go.
4. Click on the image to place a line.
5. Switch between horizontal and vertical placement as needed.
6. Click near an existing line to remove it.
7. Use Clear Lines if you want to remove all grid lines and start over.
8. Click Slice & Download to export every resulting cell.

The grid preview in the right sidebar shows a miniature visualization of the cut lines and the total number of cells. The left sidebar also shows the number of horizontal lines, vertical lines, and resulting cells.

For example:

• 1 horizontal line creates 2 rows.
• 2 vertical lines create 3 columns.
• Together, that creates 2 × 3 = 6 exported PNG files.

Grid exports are named with the filename field plus row and column markers, such as name_r0_c0.png, name_r0_c1.png, and name_r1_c0.png.

Grid snap

The Grid Snap (px) setting controls how Slicer aligns selections and grid lines to the image’s pixel grid.

Preset values are:

• 1 px
• 5 px
• 10 px
• 20 px
• 50 px

You can also enter a custom positive value in Custom (px).

Grid snap affects:

• The starting point of rectangular selections.
• Rectangular selection width and height.
• Moving rectangular selections.
• Resizing rectangular selections.
• Placement of grid-slice lines.

Use 1 px when you need exact trimming. Use larger values when working with tile sheets or evenly spaced art. For example, if your tiles are arranged on a 16 px, 32 px, or 64 px grid, entering that value can make line placement and selection movement much faster.

Moving, resizing, zooming, and panning

For rectangular selections, Slicer displays green on-canvas handles:

• Drag the center handle to move the selection.
• Drag the top or bottom handle to resize vertically.
• Drag the left or right handle to resize horizontally.
• Watch the green size label to confirm the exact export dimensions.

Selections are constrained to the canvas so they do not extend outside the source image.

Canvas navigation controls appear in the upper-right of the workspace:

• Use the minus button to zoom out.
• Use the plus button to zoom in.
• Use Reset to return to normal zoom and centered pan.
• Use the mouse wheel over the canvas to zoom in or out.

Zoom ranges from 25% to 500%. The mouse wheel zooms toward the cursor, which makes it easier to inspect a specific sprite or tile.

When zoomed in, you can pan the canvas by middle-click dragging or by holding Alt while dragging. A pan hint appears when zoom is above normal.

Previewing selections

The right sidebar shows what will be exported.

Preview behavior depends on the active mode:

• 1:1 / Free: shows the selected rectangular crop.
• Polygon: shows the clipped polygon after the shape is closed.
• Grid: shows a miniature grid visualization and the total number of cells.

If no valid selection exists yet, the preview area displays a prompt such as No selection or asks you to place grid lines.

The preview uses a checker-style background so transparent areas are easier to see.

Naming exports

Use the Filename field in the right sidebar to choose the base name for downloaded PNG files.

For a single rectangular or polygon export, Slicer downloads:

filename.png

For grid slicing, Slicer appends row and column markers:

filename_r0_c0.png
filename_r0_c1.png
filename_r1_c0.png

When more than one image is loaded, the filename label shows that you can use:

{filename}

For batch rectangular export, Slicer replaces {filename} with each source image’s loaded name. This is useful when multiple images share the same layout and you want to crop the same coordinates from each one.

If you click Save All without including {filename} in the field, Slicer uses the source image names for the batch exports.

Batch exporting multiple images

Batch export is available when more than one image is loaded and you are using a rectangular selection mode. It is not available for Polygon mode, and Grid mode slices only the active image.

To batch export:

1. Upload multiple images.
2. Select 1:1 or Free mode.
3. Create the crop selection on the active image.
4. In the filename field, optionally use {filename} as part of the naming pattern.
5. Click Save All.

Slicer applies the same pixel position and size to every loaded image. This works best when all images have matching dimensions and consistent layout.

Exporting to WizardGenie

When Slicer is opened inside a WizardGenie embedded workflow, a Drag to WizardGenie Explorer action may appear after the normal export buttons. Use it to drag the currently selected rectangular or closed polygon slice into WizardGenie Explorer.

This hand-off is available for single rectangular and polygon selections. Grid slices are downloaded through Slice & Download instead.

Clearing and resetting

The left sidebar includes cleanup actions:

• Clear Selection removes the current rectangular selection, polygon points, or grid lines while keeping loaded images.
• Reset All removes all loaded images and clears the workspace.

You can also remove individual images from the Loaded Images list.

Tips & troubleshooting

The export button says “Sign in to save”

You need to sign in before downloading exports. Click the button, sign in, then return to Slicer and export again.

The export button says “Upgrade to Pro to save”

Your account does not currently have access to Slicer saving. Use the prompt to view available access options.

I cannot save in polygon mode

Polygon export is only available after the polygon is closed. Add at least three points, then click near the first point when the close hint appears.

I placed a polygon point incorrectly

Use Clear Selection to remove the current polygon and start again. For careful tracing, zoom in before placing points.

I cannot use Save All

Save All appears for rectangular selections when multiple images are loaded. It does not appear for Polygon mode. Grid mode uses Slice & Download for the active image instead.

Grid slicing exports more files than expected

Every horizontal line increases the number of rows by one, and every vertical line increases the number of columns by one. The image edges count as automatic boundaries. The total number of exports is:

(horizontal lines + 1) × (vertical lines + 1)

A grid line is slightly off

Check Grid Snap (px). Lines snap to the nearest grid interval. Use 1 px for exact placement, or set a custom snap value that matches your sheet’s spacing.

I cannot place a grid line at the image edge

The outer image edges are already used as grid boundaries, so Slicer only places internal cut lines.

The canvas is hard to inspect

Zoom in with the mouse wheel or the plus button. When zoomed in, pan with middle-click drag or Alt-drag. Click Reset if you lose your place.

My batch crops do not line up on every image

Batch export uses the same selection coordinates for every loaded image. Make sure the images have matching dimensions and the artwork is positioned consistently across the set.

My selection jumps in larger steps than expected

Your grid snap value is probably greater than 1 px. Set Grid Snap (px) to 1 for pixel-level movement and resizing.