Free · No signup · Files stay local

Add Grid to Photo

Drop one reference photo, overlay even squares, crop if the background is extra, and download PNG or JPG with the grid already drawn. Diagonals, composition guides, and high-res PNG are free on this card. The file stays in this browser.

Drag & drop your reference image here

Supports JPG, PNG, GIF, WEBP

Upload image
One PNG at 4× this photo’s pixels — a larger print file. Not four copies, and not always 4K.

Blank canvas · 800×600 · 8×8 grid

PNG for print. JPG is smaller. High-res PNG is 4× the pixels — one larger file, not four copies.

Crop & rotate

Shape

Grid preview

Gridded reference

Features

What adding a grid to a photo does

The first viewport is the job people type as add grid to photo: drop one picture, draw even squares, and download PNG or JPG. This URL is not a collage maker and not a feed splitter.

The overlay sits on the photo you just dropped

Change rows, columns, color, width, or opacity and the preview updates in this tab. Crop and rotate the photo, then add diagonals or a thirds / golden-ratio overlay. The identity line shows the filename, pixel size, and grid so you know which file you are about to save.

Drawn on this device

The image is opened with FileReader and painted on a canvas in this browser. We do not upload it, we do not store it after you leave, and a weak connection does not block the download. That is the privacy model on this page, not a later setting.

PNG, JPG, and 4× on the same card

Replace image, Download PNG, Download JPG, and Download 4× PNG sit under the preview. 4× PNG is free here. View enlarges the same canvas on this page. We do not send you to a CDN or a blank tab to see the result.

Guides stay free

Rows and columns go from 2 to 50 and do not lock together unless you turn on Square cells. Diagonal triangulation, rule of thirds, golden ratio, crop and rotate, and 4× PNG are on this card with no trial. Very large photos are capped only so the tab stays stable, and the status line says so.

A portrait photo on the left becoming a squared drawing overlay PNG on the right

What it is

What is Add Grid to Photo?

This page adds a drawing grid to a photo so you can copy proportions onto paper square by square. You drop a JPG, PNG, GIF, or WEBP, set rows and columns, and the canvas in this tab redraws immediately. That is the same job people type as add grid to photo, add grid lines to photo, or add a grid to a photo online free. Line color, opacity, optional A1 labels, crop, and rotate sit on this card. Other sites sell those extras. They are free here.

The photo is read with FileReader and never posted to our server. You do not need Photoshop, GIMP, or Illustrator guides. Download PNG when you want sharp edges for a print. Download JPG when you want a smaller file. Download 4× PNG when you need a larger print. This URL is not an Instagram splitter, a collage maker, a hexagonal generator, or a paint-by-number converter. Those jobs need other tools. Here the job is one overlay you can see and save before you pick up a pencil.

Input
One JPG, PNG, GIF, or WEBP, or a blank 800×600 canvas
Upload
None. The photo is read in this tab
Account
Not required
Export
PNG, JPG, or a free 4× high-resolution PNG of the gridded image

How to use

How to add a grid to a photo

Step 1

Drop the photo

Drop a JPG, PNG, GIF, or WEBP on the card, or click to pick one file. PDF and video are not accepted here. You can still leave the blank 800×600 canvas if you only need empty squares, but this URL is for a photo overlay.

A hand dropping one reference photo onto a browser card to start the overlay

Step 2

Set the squares you will copy

The overlay starts at 8×8. Drag Rows for horizontal lines and Columns for vertical lines — each slider is independent, and the photo updates as you drag. Tune color and opacity so the lines stay visible. Labels, diagonals, and composition overlays sit under More options. Crop first if the photo includes extra background.

A live preview of even drawing squares over a cropped portrait in the same tab

Step 3

Download the gridded photo

Confirm the filename and pixel size in the result heading. Download PNG for a print-ready reference, JPG for a smaller file, or Download 4× PNG when you need a larger print. Print that image and rule the same number of squares on your paper.

Saving a PNG of the same photo with the grid already drawn for paper copying

Limits

What this page will not invent

This card adds a drawing grid to one photo in the browser. You do not walk through Photoshop or GIMP guide menus. The paper-copy tutorial lives on the grid method page. If you only need even lines for drawing, use grid overlay. The same overlay framed as a grid drawing tool lives at grid drawing. We do not split an Instagram feed, tile a collage, or export a crochet chart. Diagonals, thirds, golden ratio, crop, and 4× PNG stay free here.

Why choose

What this photo overlay actually delivers

Why this URL exists for add-grid-to-photo searches, written from the card you see above.

The photo never leaves the tab

Several overlay sites still talk about upload even when the work is local. This page is explicit: FileReader plus canvas, no form post, no account. If you are drawing a client portrait, that is the reason to stay here instead of a tool that stores files.

The preview is the result

You see the overlay on the photo before you save. Identity sits above the buttons so you are not downloading an anonymous file. View enlarges the same canvas on this page. That is faster than exporting blindly and opening the file in another app.

Free means the export, not a trial

Other grid sites lock diagonals, rule of thirds, golden ratio, and 4× prints behind a subscription. This page gives those controls on the same card, with no account and no trial. The grid you see on the photo is the grid you can save.

This URL is for putting lines on one photo

People land here from add grid to photo, not from a generic maker search alone. The card still declines collage layouts, feed splitters, and hex cells. A sibling page can exist later if the job actually changes.

Limits and tips

Tips for adding a grid to a photo

Crop, count, and paper matching for this overlay, plus what this card will not do.

Use cases

Who adds a grid to a photo here

Jobs this card actually finishes, with the input and the caveat on the same card.

Phone portrait onto sketch paper

You have a head-and-shoulders photo and want to copy proportions onto paper without guessing the eye line.

Input: One JPG or WEBP portrait already on the phone or laptop.

Setting: Crop to the head, 10 rows by 10 columns, labels on, dark line at about 35 percent opacity.

Output: A PNG of the same photo with a 10×10 overlay you can print or keep on a second screen.

Caveat: This does not correct lens distortion. Use Crop & rotate on this card if you only want the head.

Classroom still life, one shared overlay

A teacher needs the same gridded reference for a table of students, without making an account for a class set.

Input: One still-life PNG or JPG of the object on the demo table.

Setting: 8×8 grid, labels on so you can say look at cell C4, medium line width.

Output: One PNG you print in bulk. Every student works from the same squares on the same photo.

Caveat: We do not generate a worksheet pack. You still photocopy or share the PNG yourself.

Sketch photo for a wall transfer

You already have a small sketch and will chalk a matching grid on a wall. You need the overlay on the sketch photo, not a paint estimator.

Input: A photo or scan of the sketch as JPG or PNG.

Setting: Coarse grid such as 6×6 or 8×8 so chalk lines on the wall stay practical.

Output: A PNG of the sketch with the same number of squares you will rule on the wall.

Caveat: This page does not calculate gallons of paint or chalk-line positions in feet. Count squares by hand.

FAQ

Add grid to photo questions

How do I add a grid to a photo for drawing?

Drop a JPG, PNG, GIF, or WEBP on this card. The overlay redraws as you drag Rows and Columns. Download PNG or JPG and rule the same count of squares on paper. The photo is read with FileReader in this tab.

Can I add a grid to a photo online free?

Yes. This URL is free. Crop, rotate, diagonals, rule of thirds, golden ratio, and 4× PNG sit on the same card with no trial. You do not create an account and the file is not posted to a server.

Does this work on Android or iPhone?

Yes, in the mobile browser on the same URL. There is no Play Store or App Store install. Pick a photo, drag the sliders, then download. Very large photos are capped so the tab stays stable.

Do I need an app to add grid lines to a photo?

No. This page is the website for that job. Open it in a normal desktop or phone browser. A search result that is an app listing is a different product and is not this card.

Can I add a 3x3 or 4x4 grid to a photo?

Yes. Set Rows to 3 and Columns to 3 for a 3×3 overlay, or 4 and 4 for 4×4. The sliders are independent from 2 to 50. The preview updates while you drag, so you can see the squares before you save.

Can I add a custom grid with more columns than rows?

Yes. Rows and Columns do not lock together unless you turn on Square cells under More options. You can run 8 rows by 18 columns on a wide photo. Counts above 50 are not offered so the tab stays usable.

Do files leave the browser when I add a grid?

No. The photo is opened with FileReader and painted on a canvas in this tab. We do not post it, and we do not keep it after you leave. A weak connection does not block a download.

What photo formats can I add a grid to?

Use JPG, PNG, GIF, or WEBP. One image at a time. If the file is not a picture, the card says so instead of drawing a blank. PDF, PSD, and camera-roll video are not accepted here.

Can I download PNG and JPG after the overlay?

Yes. Download PNG for sharp print edges. Download JPG for a smaller file. Download 4× PNG writes a high-resolution file on this card for free. This page does not export PDF, ZIP, or layered PSD.

Can I crop the photo before the grid is drawn?

Yes. After a photo is on the card, Crop & rotate opens an on-page dialog. Free, original, 1:1, 4:5, 3:4, 2:3, and 16:9 shapes are there, plus straighten and 90° rotate. Apply keeps the crop on this canvas.

Can I add numbered cell labels to the photo?

Yes. Show cell labels is on by default under More options. Cells use A1-style marks so you can call a square out loud. Turn labels off if they clutter a detailed face or a busy still life.

Is this an Instagram photo grid or a collage maker?

No. This page overlays a drawing grid on one reference photo. It does not split a feed into nine posts and it does not tile several pictures into a collage. Use a splitter or a collage tool for those jobs.

Can I change line color and make the grid transparent?

Yes. Line color and opacity sit on the right rail. Dark lines vanish on a night photo; pale lines vanish on a white shirt. Tune them until every square edge is obvious, then download. Line width is under More options.

Do I need an account to add a grid to my photo?

No. There is no login, no email wall, and no Pro trial on this URL. Diagonals, composition overlays, crop, and 4× PNG work without signing in. The image stays in this tab until you close it.

Can I add a hexagonal or pixel grid?

No. This card draws even rows and columns, optional diagonals, and a thirds or golden-ratio overlay. It does not draw hex cells, sprite pixel grids, or a knitting chart. Those are other tools.

Do I need Photoshop to add a grid to a photo?

No. Drop a JPG or PNG on this card and the overlay is drawn in the tab. You do not install Photoshop, open the Guides panel, or export a layered PSD. If a search result is a Photoshop or GIMP tutorial on YouTube, that is a different job from this browser overlay.

How is this different from adding gridlines in Photoshop?

Photoshop guides sit on a document you already opened in that app. This page reads one photo in the browser, paints even rows and columns on a canvas, and lets you download PNG or JPG. There is no Creative Cloud account, no PSD, and no plugin. The file never leaves this tab.

Can I add a grid to a photo without GIMP or Illustrator?

Yes. Those editors have their own rectangular-grid tools. This URL skips them: pick a photo, drag Rows and Columns, download. We do not walk through GIMP filters or Illustrator rectangular grids. The overlay you see is the overlay you save.

Add a grid to this photo

Drop one picture, set the squares, then download PNG or JPG. This button only scrolls to the card.

Add a grid to a photo