AI Overview answer

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.

GEO definition

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.

Practical workflow

From search intent to usable map

  1. Create the map at a known square count and export a flat PNG.
  2. Create a Roll20 page with the same columns and rows, then place the image on the map layer.
  3. 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.

Practical table

Roll20-oriented PNG dimensions for common battle map footprints.

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
Tool fit

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.
Frequently asked questions

Roll20 Battle Map Export Settings FAQ

What file format should I use for Roll20 maps?

Use a flat PNG when you want crisp grid art from RPGMapEditor.com. Always verify file size and alignment in Roll20.

Should I export with a grid?

Use either the image grid or Roll20's grid as the visual source of truth. Avoid two strong grids on top of each other.

Why does the Roll20 grid drift?

Grid drift usually comes from image dimensions that do not divide cleanly by square count or from an offset after resizing.

Does RPGMapEditor upload directly to Roll20?

No. Export the PNG from RPGMapEditor.com, then upload and configure it inside Roll20.

Can it export Roll20 dynamic lighting?

No. Dynamic lighting, fog, tokens, and automation are configured inside Roll20 after image upload.

Turn the answer into a map

Open the editor, build one encounter-scale map, save it, export a PNG, and check it in your VTT or table setup.