tools-gamedev

Get a tileset PNG into Tiled + Godot 4 without blurry or missing tiles

Short answer: split the PNG with the exact tile size + margin + spacing, open the exported TSX/TMX in Tiled 1.10, then import tile textures into Godot 4 with Nearest filtering and integer scaling. Missing outer corners are a separate Godot autotile limit. Takes about 8 minutes. The helper below computes your grid for you.

Guide date: 2026-09-27. Versions covered: Tiled 1.10 + Godot 4.x (stable). Engine docs: Tiled docs · TileSet. Gap sources: Tiled#149 (per-layer tile size, open since 2012) · Godot#31003 (3x3 autotile corners, open since 2019). Buyer words: "tiles are blurry or broken" (LimeZu buyer pains) and "Godot eats my outer corners" (mixed-tileset-exporter STRATEGY).

The 3-step recipe

  1. Learn the exact tile grid. A 256×128 sheet of 32×32 tiles is 8 columns × 4 rows = 32 tiles. If margin or spacing is wrong by 1px, every tile drifts. Drop the PNG into our free Tileset Splitter & Converter — it runs 100% in your browser, no upload — and try tile W/H + margin/spacing until each tile looks right. Export JSON/CSV/TSX/TMX from the same grid.
  2. Open it in Tiled. In Tiled 1.10: New Map → Orthogonal → set your tile W/H → New Tileset → point at your PNG with the same tile W/H + margin/spacing. If you exported TSX/TMX from the splitter, keep the image filename matching your Prefix (the file's <image source> points at PREFIX.png — rename the PNG to match, or edit the source path). Mixed sizes (16px ground + 32px trees/chests/signs) need one layer per size — Tiled still has no native per-layer tile size (Tiled#149).
  3. Import into Godot 4 with Nearest. Drag tile textures into the FileSystem dock → select them → Import tab → Filter: Nearest → Reimport. Scale TileMap nodes by integers only (2x, 3x). Expect Godot's 3×3 autotile to drop outer-diagonal corners by design (Godot#31003) — the fix is a full 47-variant blob set, not a different filter.
Symptom → fix (check in this order)
SymptomCauseFix
Blurry tilesGodot default smoothingFilter: Nearest + Reimport, integer scale
Tiles offset / sliced wrongWrong margin or spacingRe-split with exact margin/spacing in the splitter
TMX opens with missing imagePREFIX.png mismatchRename PNG to Prefix, or edit <image source>
Outer corners missingGodot 3×3 bitmask limitFull 47-corner set (exporter box below)

Free helper: tile-grid calculator

Type your image and tile sizes. The helper shows columns × rows, tile count, and the Tiled snippet to match. Everything runs locally — nothing leaves your device.