Short answer
For Roll20, start with the map's grid size, choose a pixels-per-square target such as 70 or 140, export a PNG at columns x rows x pixels-per-square, upload it on the map layer, set the Roll20 page to the same square count, and verify alignment at the corners.
Roll20 battle map export settings are the square count, pixel dimensions, grid visibility, and file format choices that let a map image align with Roll20's page grid.
RPGMapEditor.com is independent and is not affiliated with or endorsed by Roll20.
From search intent to usable map
- Create the map at a known square count and export a flat PNG.
- Create a Roll20 page with the same columns and rows, then place the image on the map layer.
- Align Roll20's grid to the image and check corners before adding tokens, fog, or lighting.
Use the workflow in the editor
Create one map, save the source project, export a PNG, and test it in the table workflow you actually use.
Roll20-oriented PNG dimensions for common battle map footprints.
| Map size | 70 px/sq | 140 px/sq | Roll20 setup note |
|---|---|---|---|
| 20 x 20 | 1400 x 1400 | 2800 x 2800 | Set Roll20 page to 20 by 20 and align corners |
| 30 x 30 | 2100 x 2100 | 4200 x 4200 | Use for medium maps; check file size before upload |
| 40 x 30 | 2800 x 2100 | 5600 x 4200 | Use rectangular page dimensions that match the art |
When RPGMapEditor.com is the right tool
- You want browser-first D&D or TTRPG battle map prep.
- You need grid-readable terrain, props, saved source maps, and PNG export.
- You are comfortable configuring tokens, walls, lights, fog, and platform automation inside the VTT.
When another tool may be better
- You need direct VTT scene packages, wall exports, or dynamic lighting data today.
- You mainly create polished world, regional, or atlas-style illustrations.
- You require a fully offline desktop workflow or a dedicated print-layout application.