🔒 100% private — no uploads⚡ Instant processing🆓 Free, no sign-up
🎨Drop your reference image here
Add a grid overlay for the grid drawing method
Choose Image
Preview
Grid Size
Line Color
Line Thickness 2px
Line Opacity 70%
What is the grid drawing method?
The grid method is a classic technique artists use to transfer proportions accurately from a reference photo onto a drawing surface. A grid is overlaid on the reference image, and a matching grid — scaled up to whatever size the artist is working at — is lightly drawn on the canvas or paper. Instead of trying to capture the whole image at once, the artist copies one cell at a time, comparing only what's inside that small square. This breaks a complex image into simple, manageable shapes and dramatically improves proportional accuracy, even for beginners.
This tool generates that reference grid instantly, right inside your browser. Upload your reference image, choose a grid density, and the tool draws evenly spaced lines directly onto the image using the HTML canvas — no software installation, no account, and no upload to any server. Cells are always true squares: you pick the column count, and the row count is calculated automatically from your image's proportions and shown in a live readout. You can also adjust line color, thickness, and opacity so the grid stays visible without hiding important detail underneath.
Once you're happy with the grid, download the image and either print it or view it on a second screen or tablet next to your drawing surface, where you'll draw the matching grid at your own scale before starting to copy each cell.
How to Add a Grid to Your Image
01
Upload your reference image
Click the drop zone or drag and drop a JPG, PNG, or WEBP image directly onto the page.
02
Pick a grid size
Choose Coarse, Standard, or Fine Detail — or tap Custom for an exact column count, line color, and thickness to match your subject and working style.
03
Preview live
The grid updates instantly on the preview so you can fine-tune density, color, and opacity before downloading anything.
04
Download & draw
Your image downloads with the grid baked in, in the same format you uploaded — ready to print or reference on a second screen while you draw.
Tips & Best Practices
🎯 Match grid size to complexity
Use Coarse for simple shapes or quick studies, Standard as an all-purpose default, and Fine Detail for subjects like portraits where precise proportions matter most.
🎨 Choose contrasting line colors
White lines stand out clearly on dark photos, while black or red work better on lighter images — pick whichever keeps the grid visible without obscuring detail.
🖊️ Draw the same grid ratio on your canvas
Check the live "cols × rows" readout and replicate that exact count lightly in pencil on your drawing surface, scaled to its size.
🔅 Lower opacity for busy images
If your reference has a lot of fine detail, reduce line opacity so the grid guides you without covering the details you need to see.
Frequently Asked Questions
Yes — completely free with no sign-up, no watermarks, and no limits. The tool is supported by ads, not fees.
Completely. Your image is processed entirely inside your browser using JavaScript. It is never uploaded to any server and never leaves your device.
The grid method is a technique artists use to accurately transfer proportions from a reference image to a drawing surface. A grid is overlaid on the reference photo, and a matching grid is lightly drawn on the canvas or paper — each cell is then copied one at a time, making it easier to capture accurate proportions and placement.
Standard (8 columns) is a good default for most reference images. Use Coarse for simpler subjects or quick studies, and Fine Detail for complex subjects like portraits where finer proportional accuracy is needed.
You can lower the line opacity or switch colors to keep detail visible underneath. White lines work well on dark images, while black or red work best on lighter images.
Your downloaded image keeps the same format you uploaded — a JPG stays a JPG, and a PNG stays a PNG — so it opens and prints exactly as expected.
Yes — the technique only works if the grid on your drawing surface has the same number of rows and columns as the grid on your reference. The physical size of each cell can differ (for example, a small reference photo mapped to a large canvas), but the ratio of rows to columns must match.
This is expected, and it's what keeps every cell a true square. You set the column count — cell size is calculated from your image's width divided by that number — and the row count is then automatically calculated from your image's height using that same cell size. A portrait-oriented image will naturally end up with more rows than columns. The live readout above the grid size options always shows the exact result, like "8 cols × 11 rows."
Yes — a grid overlay is also handy for photo composition analysis, cropping decisions, or any task where evenly dividing an image into cells helps with visual alignment.
Yes. This tool works fully on mobile browsers such as Safari and Chrome. Tap the drop zone to select an image from your photo library and adjust the grid settings exactly as you would on desktop.