Tileset Generator for Tiled
Pack your tiles into one image and export a JSON tileset. Tiled opens the .tsj with the tile size, column count, and tile count already set.
Format menu
Tiled
JSON tileset (.tsj)
The Tiled export writes a JSON tileset describing the sheet: tile width and height, column count, tile count, image dimensions, and the image file name. Open the .tsj in Tiled or add it as an external tileset to a map, and the grid is already correct. Margin and spacing are written as 0, so export the tileset with no gutter.
Getting the sheet into Tiled
- 1
Export with zero gutter
Tilesets want tiles edge to edge. Set spacing to 0 and keep every cell the same size, then export the PNG.
- 2
Export the .tsj
Use Format > Tiled to write the JSON tileset next to the PNG. It references the image by file name, so keep them together.
- 3
Open it in Tiled
File > Open in Tiled, or from a map use Map > Add External Tileset and pick the .tsj.
- 4
Paint
The tileset panel shows every tile at the right size. Terrain, Wang sets, and tile properties can be layered on from here.
| Setting | Tiled value |
|---|---|
| Format | JSON tileset (.tsj) |
| Tile size | tilewidth / tileheight, from your cell size |
| Layout | columns and tilecount, filled in |
| Gutter | margin and spacing written as 0 |
| Use in a map | Map > Add External Tileset |
Ready-made .tsj
No New Tileset wizard, no retyping tile size. The file already describes the grid it came from.
External tileset
A standalone .tsj can be shared across many maps, so edits to the tileset propagate everywhere.
Uniform cells
Tiled needs a regular grid. The packer keeps cells identical, which is exactly what a tileset needs.
Split then rebuild
Got an existing tileset? Split it into tiles, rearrange or recolour, and export a fresh sheet with a matching .tsj.
Want the long version? Read the engine import guide, or see every export format.
Export for Tiled
Pack your frames in the browser. What you walk away with: JSON tileset (.tsj), ready for Tiled.