Metlivi Blog

How to Add a Square Grid to an Ungridded Map Image in GIMP

To put a square, exportable grid over a map, keep the map intact and create the grid on a separate transparent layer. In GIMP, set the grid’s cell width and height to the same pixel value, then adjust its offsets so the lines start where you want. Check the overlay against the map at normal play size before exporting; a grid that is mathematically square can still be hard to read or poorly aligned with the terrain.

October 15, 20266 min readBy Metlivi Editorial Team

Open Products Back to blog

Section 1

Choose the cell size and alignment first

Decide what one square should represent in play, then choose a visible cell size in pixels. The map image itself does not tell you a game scale: the cell’s meaning is a table decision. For a map that is 1,200 pixels wide, for example, a 60-pixel cell gives 20 columns. This is an illustration, not a recommended universal scale. If the map’s height is not an exact multiple of 60, the last row may be partial; you can accept that, crop the map, or reduce the cell size to one that divides both dimensions evenly.

Also decide whether a grid line should pass through the image’s outer edge or begin half a cell in from it. If an important room, road, or bridge should line up with a grid intersection, use it as a visual anchor. You can’t make every feature align if the map was drawn without a grid, so prioritize the boundaries that will matter most during play.

Section 2

Open the map and preserve the original

Open the map in GIMP and save a working copy in GIMP’s native XCF format. The XCF keeps the layers editable; the manual explains that GIMP’s Save command is for XCF, while other formats use Export. GIMP: Export File

Add a new layer above the map with Layer → New Layer. Name it something like “Grid overlay” and set Fill With to Transparency. GIMP’s New Layer dialog supports transparent fill, and a separate layer lets you change or remove the grid without painting over the map. GIMP: New Layer

Section 3

Render a square grid on the overlay

With the transparent overlay selected, choose Filters → Render → Pattern → Grid. The Grid filter renders a Cartesian grid onto the active layer; its options include the cell width and height, horizontal and vertical offsets, and line thickness. GIMP: Grid filter

Set Width and Height to the same pixel value for square cells—for example, 60 and 60 in the illustrative 1,200-pixel-wide map. Keep the horizontal and vertical settings linked while setting them. Set Line width and Line height to the same small value as well. Begin with a thin line, such as one or two pixels, then inspect it at the size the group will actually view. A line that looks delicate when zoomed in may disappear on a small screen or printout.

The Offset X and Offset Y settings move the grid relative to the image’s upper-left corner. Start at zero if you want lines to run from the image edges. To shift the pattern, change an offset and inspect where its first line falls against your chosen anchor. Grid placement is periodic: changing an offset moves every line, so use the preview to confirm intersections around important features rather than adjusting by guesswork alone.

Section 4

Tune contrast and readability

Choose a line color that remains visible over both pale and dark terrain. A muted charcoal often works over light ground, while a pale neutral may read better over dark artwork; inspect the actual map rather than assuming one color will suit every area. If the filter’s result is too strong, lower the overlay layer’s opacity in the Layers panel. GIMP describes layer opacity as controlling the opacity of painting on that layer. GIMP: New Layer

Check busy areas closely. Grid intersections can obscure small symbols, labels, doors, or narrow paths. If the lines interfere, lower opacity or thickness, or choose another color and preview again. Keep a visible reference to the grid edge and corners; if those disappear against the image, players may lose track of where the playable area ends.

Section 5

Check the grid before exporting

Do three checks before calling the overlay finished:

Square cells: Confirm the width and height values match. If the image dimensions or cell size create partial cells at an edge, decide whether those margins are acceptable for this map.
Useful alignment: Inspect the important room, entrance, crossing, or other feature you chose as an anchor. Make sure the offset makes sense for play, even if other map details fall between grid lines.
Table-size legibility: Zoom out to the approximate display size or inspect a test print. Confirm that lines remain visible without hiding features. If the map will be used on different screens or printed at different sizes, check the likely output as well.

For a quick visual comparison, toggle the overlay layer’s visibility to compare the gridded and original map. This is also a useful safeguard against accidentally changing the map artwork: the original should reappear unchanged when the overlay is hidden.

Section 6

Export a usable map

Keep the XCF working file so you can revise the cell size, offset, color, or opacity later. When the overlay looks right, use File → Export As and choose a format suitable for the group’s use. GIMP’s manual distinguishes exporting from saving: export creates formats such as PNG, while Save stores the image as XCF. GIMP: Export File

After export, open the exported file and check that the grid is visible and aligned. The on-screen grid in GIMP is only a viewing aid: View → Show Grid displays it, while Image → Configure Grid changes its spacing and appearance. That is useful for alignment while editing, but it is not the rendered overlay described here. GIMP: Default Image Grid

Section 7

When the result needs a different approach

If exact full cells matter more than retaining the image’s original framing, crop or resize the map before setting cell dimensions so the grid fits the canvas cleanly. If the artwork has perspective or a hand-drawn, nonuniform layout, a regular square grid may not sit naturally on every feature; choose alignment for movement and measurement, not for forcing every illustrated edge onto a square.

If you only need a temporary guide while editing, use GIMP’s image grid instead of rendering one. Configure its spacing and offset with Image → Configure Grid, then show or hide it through View → Show Grid. Because this is a display aid, use the separate overlay workflow when the exported map itself needs grid lines. GIMP: Grids and Guides

A reliable finished map keeps the original artwork available, uses equal horizontal and vertical cell spacing, and makes the lines legible at the size players will use. A short check of cell shape, anchor alignment, edges, and exported output catches the most common problems before the map reaches the table.

Section 8