ToolsInTab.
All
English
Screen text size
Send us translation corrections, feature suggestions and bug reports.Contact: toolsintab@gmail.com

Sprite sheet maker

Getting ready…

Sprite sheet maker User guide

Arrange images and export their coordinates.

Instructions

  1. Add sprite images in the required order.
  2. Choose horizontal, vertical or grid layout, columns, gaps and padding, then review the full sheet.
  3. Create the sheet and save PNG and JSON. JSON records each image name, coordinates, width and height.

Example

Input / settings

10×20 + 5×7 · gap 2 · padding 3

Result / checks

28×26 PNG + coordinates

Sources are not resized. Cells use the largest source dimensions, so mixed sizes can leave unused space.

Please note

PNG / JPEG / WebP / AVIF → PNG / JSON

  • Sources are not resized. Cells use the largest source dimensions, so mixed sizes can leave unused space.
  • This is an ordered grid, not automatic bin packing. Output is limited to 10,000 pixels per side and 16 million pixels.
  • Files and entered content are processed in this browser. Save results before closing the page.