From the shop Need ready-to-grid maps? Browse 600+ MakeMythic battlemaps
Visit Etsy
Tools / Maps / Grid overlay
Maps · Free tool

Grid overlay for any battlemap.

Drop in an image, dial the squares to whatever your VTT or printer expects, export. Works with Roll20, Foundry, FoundryVTT, and the back of a cereal box.

Drop a battlemap here
or click to browse · PNG, JPG, WEBP up to 30 MB
No image loaded
Renders locally · nothing uploaded
50px
#1F1410
45%
1px
X
Y
Tip
For Roll20 default scale, set squares to 70px and align to the top-left corner.

From the shop

150k+ RPG Battlemaps Bundle

£24 £7.20 View on Etsy

Spell Cards: All Classes Bundle

£33 £9.90 View on Etsy

Magic Item Cards: 370+ Illustrated

£67 £20.10 View on Etsy
Field notes

What size grid do I actually need?

The honest answer is: it depends on where the map is going. The grids different VTTs and printers expect are not the same size, and the difference is invisible until you import a map and your goblins are suddenly two squares wide.

For Roll20

Roll20 expects 70 pixels per square at default page settings. If you draw or buy a map at 2800 × 1960 pixels, you get a clean 40 × 28 grid. Anything off this multiple will be resampled when you import it.

For Foundry VTT

Foundry's default is 100 pixels per square, but you can change this per scene. For shared maps that travel between systems, 100px is the safer common denominator.

For print

One inch per square at 300 DPI is 300 pixels. A standard tabloid sheet (11 × 17) at the table fits a 17 × 11 grid before bleed. Most home printers will struggle past 200 DPI; aim there if you're not going to a print shop.

Tools you might also like
Map splitter
Slice a large battlemap into evenly-sized tiles, downloaded as a zip.
Map stitcher
Tile multiple map images into one continuous canvas.
Fog of war
Paint fog over any battlemap, reveal areas as your party explores.
FAQ

No. Everything happens in your browser, the file never leaves your machine. Close the tab and the image is gone.

Around 8000 × 8000 pixels before browsers start to complain. If your map is larger than that, slice it first.

Almost always because the square size doesn't divide evenly into the image width. Use the chip presets, or pick a square size that's a clean factor of your image.

Settings persist locally per browser. We don't have accounts and won't add them.