Roll20 map-layer PNGs
Create the map image in RPGMapEditor.com, export PNG, upload it to Roll20, and place it on the map layer.
Roll20 workflow
Roll20 Battle Map Maker for PNG Uploads
Create a battle map in RPGMapEditor.com, export a PNG, and upload it to Roll20 as map-layer art. The workflow is image handoff plus Roll20 grid alignment, not a direct Roll20 integration.
Use this page for square counts, PNG export expectations, and practical alignment steps before adding tokens, fog, lighting, or sheets inside Roll20.
Quick answer
RPGMapEditor.com creates PNG battle maps that can be uploaded to Roll20 as map-layer art. It is a PNG workflow with Roll20 grid alignment, not a direct Roll20 integration.
Account policy: new accounts need an active Studio subscription ($3/month) to use the editor. Accounts created before Aug 21, 2026 keep their free plan. Details on the pricing page.
RPGMapEditor.com is independent and is not affiliated with or endorsed by Roll20.
Create
What you can create
Use RPGMapEditor.com when the result needs to become an actual tabletop map: opened in the editor, edited around play, saved for later, exported as PNG, and reused when the campaign changes direction.
Grid alignment planning
Pick columns, rows, and pixels per square before export so Roll20 page dimensions and image scaling line up.
Readable VTT art
Use terrain and props to make walls, doors, cover, hazards, and movement lanes obvious at normal Roll20 zoom.
Honest platform boundary
RPGMapEditor.com exports the PNG. Roll20 handles tokens, fog, dynamic lighting, sheets, and game automation.
Included in the editor
- Current VTT output: PNG image export.
- Roll20 workflow: upload the PNG as map-layer art and align Roll20's grid.
- Foundry workflow: use the PNG as a scene background and set grid size/origin.
- VTT automation: walls, doors, lighting, fog, tokens, and automation are configured in the VTT.
- Universal VTT status: planned or not shipped unless exposed in the editor.
Current limitations
- PNG export is current; structured VTT package export is not shipped.
- Roll20 use means manual PNG upload and grid alignment, not direct API upload.
- Foundry use means PNG scene background setup, not exported walls, doors, lighting, or tokens.
- Always verify grid alignment in the actual VTT before session day.
Try it on a real map
Open the editor, make one focused encounter-scale map, save it, then export once to see whether the workflow fits your table.
Workflow
How it works
The same six steps whether you are building a dungeon, a wilderness ambush, or a tavern brawl. The details change by map type; the workflow does not.
Choose map size
Pick columns, rows, and grid scale from the encounter footprint before decorating.
Paint terrain
Block walkable ground, walls, roads, rooms, water, caves, or outdoor edges first.
Add props and stamps
Place cover, furniture, trees, rocks, doors, hazards, and landmarks only where they help play.
Add grid and text
Keep movement readable and add labels only when they clarify the session.
Save map
Save the editable source map to return later. Free accounts can save up to 3 maps.
Export PNG
Export a PNG for Roll20, Foundry VTT, print, projection, or campaign notes.
Start your map now
Pick a map size, block out the terrain, and you will have a playable layout in minutes. Save or export it when the tactical read looks right.
Tradeoffs
Comparison and tradeoffs
Use this table to decide whether the current RPGMapEditor.com workflow matches the map job before investing more prep time.
| Factor | RPGMapEditor.com | Tradeoff |
|---|---|---|
| Map art | Creates visual map art and exports PNG | The VTT runs tokens, sheets, fog, lighting, walls, and automation |
| Grid setup | Helps plan square count and visual grid readability | Roll20 or Foundry handles final grid alignment after image upload |
| Advanced export | Universal VTT, walls, doors, and lighting are not shipped today | Some tools may offer richer packages; verify official support before switching |
Fit
Best for / Not best for
RPGMapEditor.com is built for playable encounter maps. If the job below is not yours, a different tool will serve you better.
Best for
- Game masters who need a clean PNG scene background for a virtual tabletop.
- Maps where grid math, square count, and import alignment matter more than automation.
- Teams comfortable configuring platform-specific tokens, walls, lights, and fog in the VTT.
Not best for
- One-click Roll20 upload or native Foundry scene JSON export.
- Dynamic lighting, walls, doors, tokens, or actor data generated by the map editor.
- Replacing the VTT itself; RPGMapEditor.com creates the map image.
Export
Export and use workflow
Roll20 PNG upload workflow RPGMapEditor.com prepares the flat image. Roll20 handles the page, map layer, grid overlay, fog, dynamic lighting, tokens, and play features.
- Export a PNG from RPGMapEditor.com after choosing map columns, rows, and pixels per square.
- Create a Roll20 page with matching square dimensions, upload the PNG, and place it on the map layer.
- Resize and align the image until Roll20's grid matches the map corners, then add tokens, fog, or dynamic lighting in Roll20.
Test one export before game night
Export a PNG, import it into your usual table or VTT setup, and check grid readability before a session depends on it.
Related pages
Keep planning your map
FAQ
Roll20 Battle Map Maker for PNG Uploads FAQ
The questions DMs usually ask before starting a map like this.
Can I make battle maps for Roll20?
Yes. Create the battle map in RPG Map Editor, export a PNG, upload it to Roll20 as a map-layer image, and align Roll20's grid to your square count and pixel dimensions.
Does RPG Map Editor upload directly to Roll20?
No. The current workflow is PNG export and manual Roll20 import. Dynamic lighting, walls, fog, tokens, and character automation stay inside Roll20.
What size should I export for Roll20?
Pick the square count first, then multiply by pixels per square. Common starting points are 70 or 140 pixels per square, but always test alignment in Roll20 before game night.
Is RPG Map Editor affiliated with Roll20?
No. RPG Map Editor is independent and is not affiliated with or endorsed by Roll20.
What export does RPGMapEditor.com support today?
The current VTT handoff is PNG export. Use the exported image as Roll20 map-layer art or a Foundry VTT scene background.
Does RPGMapEditor.com upload directly to Roll20?
No. Export a PNG from RPGMapEditor.com, then upload and align the image inside Roll20.
Does RPGMapEditor.com export Foundry walls or doors?
No. Add walls, doors, lights, regions, tokens, and automation manually inside Foundry after PNG import.
Can I use the map as a Foundry scene background?
Yes. Export PNG, create a Foundry scene, set the image as the background, then configure grid size and origin.
Can I use the map in Roll20?
Yes. Upload the PNG to the map layer, set the Roll20 page dimensions, and align the Roll20 grid to the image.
What grid size should I use?
Choose square count first, then export at a consistent pixels-per-square value so the VTT grid can match the image.
Does Universal VTT export work today?
No. Treat Universal VTT, walls, doors, and lighting export as planned unless the shipped editor exposes those options.
Is PNG enough for VTT play?
PNG is enough for the visual map background. Tokens, fog, lighting, walls, and automation remain in the VTT.
Can I print the exported map?
Yes. Export PNG and print at the size your table needs after checking grid scale and image readability.
What should I test before a session?
Import one exported PNG into your actual VTT, check grid alignment at multiple corners, and verify text and props remain readable.
Make the map
Open the editor, build the encounter you were planning, save it, and export a PNG when it is ready for your table.