1. Home
  2. Image tools
  3. Composition Grid Overlay

Composition Grid Overlay

See how a photo is built: where the subject sits against the thirds or the golden spiral, whether the horizon is level and how diagonals lead the eye.

Free, no sign-up. Runs in your browser: nothing is uploaded.

How to use Composition Grid Overlay

  1. Drop a photo.
  2. Pick a guide and, for spirals and diagonals, its orientation.
  3. Download the photo with the guide drawn on it.

Features

  • Rule of thirds and phi grid
  • Golden spiral in four orientations
  • Golden triangles and dynamic-symmetry diagonals
  • Custom grids, color, width and opacity

Supported formats

You can open

  • JPG
  • PNG
  • WebP
  • HEIC
  • AVIF
  • TIFF

You get

  • JPG
  • PNG
  • WebP

Private by design

Your files are opened and processed by your browser on this device. They are never uploaded to openWorkstand or anyone else, so the Composition Grid Overlay is safe for contracts, IDs, photos and work documents. After you have used it once while online, it also works without an internet connection. How local processing works

Good to know

  • Very large files are limited by your device’s memory; on a phone, split huge files into smaller parts first.
  • HEIC photos are decoded on your device, which takes a few seconds each on slower phones.

Guide

Composition grids on photos: thirds, golden ratio, spiral and dynamic symmetry

Composition guides help explain why some photos feel balanced and others do not. Painters have used geometric constructions for centuries, and photographers know the rule of thirds from their camera’s grid. This tool overlays seven classic guides on any image, so you can analyze a photo, plan a crop, or illustrate a lesson.

Rule of thirds

Two horizontal and two vertical lines divide the image into nine equal parts. Placing the subject, or a subject’s eyes, on a line or where two lines cross tends to create more tension than placing it in the center. Horizons usually sit better on the upper or lower line than through the middle.

Golden ratio grid

The phi grid places its lines at 38.2 and 61.8 percent of the width and height, based on the golden ratio of about 1.618. The lines are closer to the center than the thirds lines, which gives a calmer, more centered balance. Many classical paintings align with it.

Golden spiral

The spiral is built from the golden ratio, curling from a wide end into a tight point. The tight curl marks a strong position for the main subject, and lines in the scene, such as a path, a coastline or the curve of an arm, can follow the spiral’s path. The spiral can start from any of the four corners; try each to see which fits the image.

Golden triangles

A long diagonal from corner to corner, with two shorter lines meeting it at right angles from the other corners, divides the image into triangles. Strong diagonals in a scene can follow the long line, while subjects sit where the short lines meet it. Like the spiral, it can be oriented to any corner.

Diagonals and dynamic symmetry

The diagonals guide draws the main diagonals of the frame and lines perpendicular to them, the basis of the dynamic symmetry method many illustrators and street photographers use. Leading lines and edges that follow these lines feel energetic and intentional.

Center cross and custom grid

The center cross is useful for symmetrical subjects, reflections and architecture, which often work best dead center. The custom grid with 2 to 24 rows and columns helps check alignment, perspective, spacing in product layouts and the straightness of horizons.

Appearance

Choose a line color that stands out against the photo, such as white on dark images or black on bright ones. Line width and opacity keep the guides visible without hiding the picture.

Saving

The overlay is drawn into the image and saved at full resolution as JPG, PNG or WebP. That makes it easy to share annotated photos in critiques, photography courses, portfolio reviews and art classes.

Rules are tools

Great images break these guides all the time. Use them to understand why a picture works or does not, not as a checklist. Often the best result comes from simply trying a few crops and comparing.

Teaching with overlays

In class, show the same photo with two or three different guides and let students argue which one explains the composition best. The discussion teaches more than any rule.

Crop according to what you found with Crop Image. Straighten tilted architecture with Perspective Crop Image. To check exposure as well, see the Image Histogram.

Checked against the current version of the Composition Grid Overlay on .

Troubleshooting

The file does not open

Check that it is one of the supported formats above and opens in another app. Damaged files and password-protected PDFs cannot be read until they are repaired or unlocked.

It is slow or stops on a very large file

Everything runs on your device, so speed depends on its memory. Close other tabs, use a computer rather than a phone, or split the file into smaller parts first.

The download did not start

Look for your browser’s download bar or icon. Some browsers ask once before a site may download files; allow it and click the button again.

Frequently asked questions

Is the golden ratio better than the rule of thirds?

Neither is better; they are different. The phi grid places its lines closer to the center than the thirds grid, which gives a calmer, more centered balance. Both are aids for analysis, not laws.

Can I use this to plan a crop?

Yes. Look at where the guides fall on your subject, decide how the frame should change, then crop with Crop Image and check the result again here.

Keep working with the result

After you download, choose “Save to Workstand” to keep the result in a folder on your computer, attach it to a project and create a follow-up task. It is saved by your browser, not uploaded.