Composition

What is a composition grid?

Composition guides help painters and photographers place subjects, horizons, and lines of interest in positions that feel balanced and intentional. Each guide reflects a different tradition or mathematical principle. Overlaying one on a reference photo or a work-in-progress reveals whether the key elements align with those structures.

Overlay types

Grid

A uniform NxN grid useful for checking proportions, transferring a sketch to a larger surface, or evenly distributing elements across the frame. Adjust density to control the number of divisions.

Thirds

Divides the frame into a 3x3 grid. Placing the subject or horizon at one of the four intersection points creates dynamic tension while keeping the composition readable.

Diagonal Method

Used in classical European painting, this draws diagonals from each corner and lines from each corner to the midpoint of the opposite edge. Important elements placed along these lines feel anchored to the frame.

Golden Grid

Places four primary lines at the golden ratio divisions of the frame (approximately 38% and 62% from each edge), with secondary dashed lines at nested subdivisions. Similar to the rule of thirds but based on the golden ratio.

Spiral

Overlays a Fibonacci spiral with golden ratio subdivision lines. The primary solid lines mark the main golden ratio divisions of the frame; the spiral arc traces the eye's natural path inward. Use the rotate buttons to orient the spiral so its tight center aligns with your main focal point, and flip it horizontally or vertically to suit the composition.

How to use this tool

1. Upload an image. Drop a painting or photo onto the canvas, or click to browse. HEIC files from iPhone are supported.
2. Choose an overlay. Try Thirds first if you are unsure. Switch between overlays to see which guide your composition naturally follows.
3. Adjust color and opacity. Use a light color on dark images and a dark color on light images. Lower opacity reduces distraction while keeping the guide visible.
4. Orient the spiral. When using the Spiral overlay, use the rotate buttons to step 90° at a time, and flip horizontally or vertically so the spiral's center lands on your main focal point.
5. Compare and download. Hold the button to see the original without the overlay. Download a full-resolution PNG with the overlay composited in when you're done.