The tiles are 32x32, but have 1px padding around them where the edge pixels are doubled (this helps prevent rendering issues in some engines). When creating your tileset, set the tile size to 32x32, and set the margin to 1px, and it should work fine.
Margin is what you need, not spacing. Spacing is space between tiles, margin is padding within tiles. Messing with the spacing will get your tiles the correct size, but misaligned within the actual tile square, you’ll be seeing part of the margin on one side and missing part of the tile on the other.
Playing with the image myself, it looks like margins don’t do what I thought they do, and instead are a margin on the entire image. While setting the spacing to 2 will “work”, it does exhibit the issue I mentioned earlier - the left and top edges of each tile have the extruded pixels visible, and the bottom and right edges are cut off, so you will not be able to correctly preview your maps in Tiled.
@bjorn could you confirm whether the margin is meant to be around the whole image or around each tile? The documentation can be understood either way. If the margin setting is in fact working correctly, could we please get an option to have a margin within tiles as well, to handle tilesets with extruded edges, like the one in this thread?
The margin is actually only applied on the top/left sides (there doesn’t need to be equivalent space on the other sides). The spacing is the amount of pixels in between the tiles.
For a tileset where all tiles have been extruded by 1 pixel, you’ll usually end up with a 1 pixel margin and 2 pixels of spacing.
Ah, makes sense. I should’ve thought to combine the two, but I am a dumdum :'D
Would be nice to include a diagram similar to that one in the docs, since the wording’s a little unclear, and many people understand better with pictures :]
