You're here for the SHEETS! Today we've got some Swapnote, a gazillion Atari games, Sonic, Cookies, Battle City, Switch Home Menu icons, Xenogears, and some SNES goodies! There's more where that came from though so take your time and have a looksee, and try to stay safe! It's important to keep sprites from the same animation together so it makes sense to anyone viewing the sprite sheet. By the same token, each animation should be placed separately enough from each other that the viewer can tell where one ends and the next begins. When compiling animations into a sprite sheet, it's best to do so in a logical order.

Palette offset

Composite

Options

Usage
r
rotate sprite
h
horizontally mirror sprite
f
select fill tool
p
select pan tool
alt + click
pick colour from sprite and add to palette
left/right cursor
change current sprite in sprite sheet
shift + cursor keys
shift/pan sprite by 1 pixel
ctrl + shift + cursor keys
shift/pan sprite by 8 pixels
ctrl + z
undo

Shift and click to swap selected palette index to a new location

Sort
Manual edit

Edit and reorder palette index values below. Values can be in 9bit hex as $1FF or in decimal as values from 0 to 511.

Usage

Supported upload formats: Native Next 9bit .pal, JASC .pal and GIMP .gpl file formats

Click on a palette index (left) then click on a new colour (right) to change the palette. Changes immediately update the sprite and tile previews. Watch demo video

To use an existing palette, drag the 512 byte palette file into this panel.If you change the palette ensure you download and load it using the PALETTE keyword.

Legend:

  • i: palette index in decimal
  • c: Next palette colour in 9bit hex
  • #: CSS hex colour
  • Numbers on the palette itself: count of usage in the spritesheet

Keys:

  • cursor left/right: to shift selected palette index
  • . (period): copy selected colour and increment

Please note: the palette editor is new (as of 9-July), so if you spot anything untoward please raise an issue.

Map settings

Tile scale
Options
Example BASIC code

Settings

Smb1 Sprite Sheet Editor


Sprite Sheet Editor

Auto repeat import

Keyboard shifting

8px: shift+cursor keys
1px: ctrl+shift+cursor keys

Advanced export options

Format

Size
Space around bytes?

Format

Pro tip:holding shift and clicking 'Download spritesheet' (top of screen) will copy the source format to your clipboard.

Additional formats

Sprite Editor

Sprite Sheet Editor

D
download spritesheet .spr file
r
rotate sprite
v
vertically mirror sprite
h
horizontally mirror sprite
b
select brush tool
f
select fill tool
e
select erase tool
p
select pan tool
alt + click
pick colour from sprite and add to palette
shift + click
switch to erase
left/right cursor
change current sprite in sprite sheet
shift + 1 - 4
select 8x8 sprite
shift + cursor keys
shift/pan sprite by 1 pixel
ctrl + shift + cursor keys
shift/pan sprite by 8 pixels
1 - 8
select palette colour n
ctrl + z
undo
Drag and drop
Supported: .png and .spr files

Tile Map

Sprite 64 (index 63) is used to initially fill the tile map.

Drag and drop into the tab panel to restore previous .map files

PNG Importer

shift + cursor keys
shift/pan sprite by 1 pixel
ctrl + shift + cursor keys
shift/pan sprite by 8 pixels
Drag and drop
Supported: .png files of any dimension

For permanent links you can use: https://ezgif.com/sprite-cutter?url=https://example.com/source-image.gif

Individual images:

Online sprite sheet cutter / splitter tool

Free online tool for cutting image sprites to individual images.
Enter tile size or the number of columns and rows, and this tool will slice the image for you, outputting images in PNG, GIF or JPG format.
You can download all images at once as a ZIP archive.

You can also use this tool as a sprite sheet to GIF converter, to make an animated GIF out of sprite sheet, by first slicing the sprite, and then selecting 'Create GIF animation' option.