Skip to content →

Free tool · Photography composition grid

Photography composition grid — stack thirds, phi, and diagonals on any photograph

Drop a photograph, stack rule-of-thirds with the phi grid (golden ratio 38.2/61.8), the diagonal method, or Baroque sinister-diagonal templates, and see which composition framework your image actually wants. Free, browser-only, no signup, image stays on your device. Used by wedding photographers, photojournalists, brand-content shooters, and street photographers daily.

Thirds (solid white) + phi grid (dashed gold) — pick which intersection your subject sits closer to.
Browser
Any modern
Signup
None
Photo storage
Local only
Export DPI
Up to 600
Composition overlays
32
Last updated
May 2026

How to use the photography composition grid

  1. Drop a photograph

    Drag any JPG, PNG, or RAW-derived JPEG into the canvas, or paste from clipboard. The file is read into the browser's canvas API — nothing uploads anywhere. Up to 50MB and 12,000px supported.

  2. Stack thirds + phi grid

    Activate rule-of-thirds and the phi grid (38.2/61.8) together from the overlay menu. The phi grid is tighter to the center than thirds; subjects pulled toward the middle of frame usually sit better on phi than on thirds.

  3. Crop to fit

    Use the crop handle to bring the subject onto the nearest intersection, or step back and stack a diagonal-method overlay to check the lead-line. Export at up to 600 dpi when you've picked your composition.

Examples — five categories of photograph

Portrait — Annie Leibovitz frame

For environmental portraiture in the Leibovitz tradition, the subject's eye-line usually sits on the upper-thirds horizontal but is pulled toward the phi-grid intersection rather than thirds — particularly with telephoto compression.1

Leibovitz, Annie. At Work. Random House (2008). ISBN 978-0-375-50510-2.

Landscape — Ansel Adams horizon

Adams worked by feel but his print archive at the Center for Creative Photography shows landscape horizons consistently at upper or lower thirds, with primary subject anchored to a thirds intersection.2

Adams, Ansel. The Camera, The Negative, The Print. New York Graphic Society (1980–1983). ISBN 0-8212-2184-X.

Street — Henri Cartier-Bresson decisive moment

HCB's "geometry" was usually a sinister-diagonal from corner to corner with the figure at the diagonal's golden-section point. Stack the diagonal-method overlay to check.3

Cartier-Bresson, Henri. The Mind's Eye. Aperture (1999). ISBN 0-89381-879-4.

Wedding — first-look frame

For wedding first-look shots, the phi grid usually wins over thirds — both subjects are pulled toward center by emotional gravity, and the phi intersections are closer in.

Conventional wedding-photo composition; see Jasmine Star's Photography 101 course materials, 2020.

Architecture — interior

For symmetric architectural interiors, stack a center-line guide with the phi grid. The "phi rectangle" of negative space at the bottom or top of a tall interior often produces the strongest frame.

Shulman, Julius. Architecture and Its Photography. Taschen (1998). ISBN 3-8228-7567-X.

Product / brand

For e-commerce and brand-content product shots, the rule of thirds is honestly less useful than a 3×3 with centered subject — but stack both phi and thirds, then crop to whichever gives the cleaner negative space.

Penn, Irving. Worlds in a Small Room. Studio Vista (1974). ISBN 0-289-70383-X.

Composition grid vs. alternatives

FeatureGrid Maker ProLightroom crop overlayCapture OneCamera's live-view grid
FreeYesSubscriptionLicenseBundled
Phi grid (38.2/61.8)YesYesYesRare
Diagonal methodYesLimitedYesNo
Baroque sinisterYesNoNoNo
Stack multipleYesNoNoNo
Edits original fileNo (overlay only)Crop appliedCrop appliedNo (in viewfinder)

Who this is for

Wedding photographers

For pre-shoot review and post-shoot crop decisions. Stack thirds + phi on the same image and pick whichever puts the couple on a stronger intersection.

Street + photojournalism

For checking decisive-moment frames against the diagonal method and sinister-diagonal templates. HCB-style geometry surfaces fast.

Brand + e-commerce

For product shots where negative space matters as much as subject placement. Phi grid clarifies the "breathing room" decision.

Educators

For art-school and photo-workshop teaching. Share a deep-link URL that opens any composition grid pre-loaded, for slides or worksheets.

Why your photo never leaves your device

The composition grid reads your photograph via the browser's File API and renders it onto a canvas. The grid is drawn over the canvas; everything you see is local. There is no server in the loop — no upload, no cloud processing, no metadata extraction. When you export, the file is generated client-side via the Canvas toBlob API or PDF-lib for vector PDFs.

This matters for wedding and portrait photographers in particular: client photographs cannot be uploaded to third-party services without a written model release. The photography composition grid avoids the question entirely because nothing uploads.

Common mistakes — and the fix

Treating thirds as a rule rather than a default

Rule-of-thirds is one composition framework among many. Subjects pulled toward center, symmetric architecture, and tightly-cropped portraits often want phi grid or center-line instead.

Fix: stack thirds + phi on the same image. Pick the closer intersection.

Forcing the subject onto an intersection that doesn't fit

If the subject sits at neither thirds nor phi, that's information — try the diagonal method or the Baroque-diagonal armature instead. Lead-line composition can be stronger than point-of-interest composition.

Fix: stack diagonal-method overlay. Composition isn't always point-based.

Cropping too tight to "force" composition

Each crop is destructive in print. Cropping to land exactly on a thirds intersection costs resolution and often visual breathing room. Better to recompose in-camera next time.

Fix: use the overlay to learn for next shoot rather than rescue this frame.

Ignoring the negative-space half of composition

Composition isn't only about where the subject sits — it's also about where the empty space falls. A subject on a thirds intersection with cluttered negative space loses to the same subject on the same intersection with clean negative space.

Fix: ask "what does the empty half of the frame contain?" before crop.
To photograph is to put on the same line of sight head, eye and heart. It is a way of life.— Henri Cartier-Bresson, The Mind's Eye (1999), p. 42.3

Pricing — free forever

The photography composition grid is free with no signup and no usage limits. We do not sell a "pro" version of the core overlay tool. See our mission statement for why this is structural, not promotional.

Frequently asked questions

Is the photography composition grid really free?

Yes. Free forever, no signup, no usage metering. Same overlay set and export pipeline as the paid tools you might be used to.

Does my photo upload to your servers?

No. The tool reads photos locally via the browser File API. There is no backend — your photo never leaves the device.

Rule of thirds or golden ratio?

Use thirds for most subjects. Golden ratio (phi grid 38.2/61.8) wins when the subject is naturally pulled toward center — portraits with eye-line emphasis, architectural symmetry shots.

Does it work with RAW files?

The tool reads the JPEG preview embedded in most RAW formats (CR2, NEF, ARW, RAF) but does not decode the RAW. Export your RAW as JPEG or TIFF and drop that in.

Can I crop the photo and export?

Yes — use the crop handle, then "Export" picks JPEG or PDF. JPEG retains EXIF (excluding GPS unless you opt in).

What about the diagonal method?

Activate the "Diagonal Method" overlay — it draws a line from each corner at 45° toward the opposite long edge. Subjects on either diagonal line gain implicit motion.

Does it work on mobile?

Yes, on tablets and most modern phones. iPad Safari and Android Chrome both work end-to-end. Phone screens are tight; a tablet or desktop gives the framing grid more room.

Can I batch-process a folder?

Not currently — the tool is single-image. For a multi-image review (e.g., a wedding gallery), reopen the tool for each photo; your overlay setup auto-saves, and a share-link URL reproduces the same overlay configuration on the next image.

Why no AI auto-crop suggestions?

Auto-crop suggestions require uploading the image to a remote model. Our privacy invariant forbids that. We're researching on-device auto-crop with browser-resident models; it's not in the current build.

How accurate is the 600 dpi export?

Truly 600 dpi at the dimensions you specify. The exported file is generated client-side. For prints over 24 inches, run a final sharpen pass in your raster editor.

How do I overlay a composition grid on a photo online for free with no upload?

Drop your image onto the canvas, then activate any composition overlay from the menu. Because the tool reads the photo via the browser File API, you get a free rule of thirds overlay with no upload — the image stays on your device and there is no account to create. When you are happy with the framing, crop to fit and export.

Phi grid vs rule of thirds in photography — which checks framing better?

Both place points of interest near the same regions, but the phi grid sits tighter to centre. The rule of thirds divides the frame into even thirds, while the phi grid uses the 38.2/61.8 golden-section split, so its intersections fall closer to the middle. To check photo composition with a grid overlay, stack both and judge which intersection your subject and eye level land on more naturally; for leading lines or motion, add the diagonal method overlay instead.

Related tools, pillars, and references

References

  1. Leibovitz, Annie. Annie Leibovitz at Work. Random House (2008). ISBN 978-0-375-50510-2.
  2. Adams, Ansel. The Camera, The Negative, The Print (collected series). New York Graphic Society / Little, Brown (1980–1983). ISBN 0-8212-2184-X.
  3. Cartier-Bresson, Henri. The Mind's Eye: Writings on Photography and Photographers. Aperture (1999). ISBN 0-89381-879-4.
  4. Shulman, Julius. Architecture and Its Photography. Taschen (1998). ISBN 3-8228-7567-X.
  5. Penn, Irving. Worlds in a Small Room. Studio Vista (1974). ISBN 0-289-70383-X.
  6. Salkeld, Richard. Reading Photographs: An Introduction to the Theory and Meaning of Images. Bloomsbury (2014). ISBN 978-2-940411-89-0. Chapter 3 on framing and composition.
  7. Dyer, Geoff. The Ongoing Moment. Pantheon (2005). ISBN 0-375-42215-X. Discussion of the diagonal in Walker Evans and HCB.

Launch the photography composition grid

Free, no signup, photos stay on your device. Stack rule-of-thirds and phi grid on any frame — see which composition framework your image actually wants.

Launch Grid Maker Pro →