COMPOSITION OVERLAY

Free Composition Grid Overlay for Photos, Design & Video

Compare composition guides on any image. Use Rule of Thirds, Golden Ratio, Golden Spiral, Golden Triangle, Diagonal and Center Cross, then export your result or a transparent grid PNG.

8 Guides Compare Mode Local Only Free Forever

Drag & drop your image here

or click to browse files

Supports JPG, PNG, WebP, GIF
You can also paste an image (Ctrl+V)
Your image stays on your device. Nothing is uploaded.

How to Use This Composition Grid Overlay (3 Steps)

1

Upload Your Image

Drag and drop your photo, thumbnail, or design into the canvas. You can also paste from clipboard or browse your files. Everything stays on your device.

2

Choose a Composition Guide

Select from eight guides: Rule of Thirds, Golden Ratio (Phi Grid), Golden Spiral, Golden Triangle, Diagonal Method, Center Cross, Rule of Fifths, or Quadrant. Use Compare mode to see four guides side by side.

3

Analyze and Export

Set a focal point to check how close it sits to a power point. Crop to any aspect ratio. Export as image with overlay, transparent grid PNG, or the original.

What Is a Composition Grid Overlay?

A composition grid overlay is a set of geometric guide lines placed on top of a photograph, video frame, or design layout to help the creator evaluate and improve the placement of visual elements. Rather than relying on intuition alone, the overlay reveals whether the subject, horizon, or focal point sits at a position that creates visual balance, directional flow, and asymmetrical tension. Professional photographers, filmmakers, and graphic designers use these overlays during post-production to refine framing decisions made in the field.

The 6 Composition Guides

Rule of Thirds

The Rule of Thirds divides the frame into a 3x3 grid of nine equal rectangles using two horizontal and two vertical lines. The four points where the lines intersect are called power points. Placing the main subject near a power point, rather than dead center, creates a composition that feels balanced yet dynamic. This is the most widely taught composition rule in photography, film, and design. For a comprehensive breakdown, read the full Rule of Thirds guide.

Golden Ratio (Phi Grid)

The Golden Ratio grid, also called the Phi Grid, divides the frame at positions derived from the irrational number phi (approximately 1.618). Instead of equal thirds at 33.3% and 66.7%, the Phi Grid places its lines at approximately 38.2% and 61.8%, pushing the central band closer together. This produces a tighter focal zone near the center of the frame, making it ideal for editorial portraits and classical landscape compositions where the subject benefits from deeper visual concentration.

Golden Spiral (Fibonacci Spiral)

The Golden Spiral is a logarithmic spiral that grows outward by a factor of phi for every quarter turn. When overlaid on an image, it creates a natural eye-path that draws the viewer from the outer edges of the frame toward the spiral's center. Photographers use it to verify that the visual flow of the image leads naturally to the primary subject. The spiral works especially well for images with curves, arches, or winding roads.

Golden Triangle

The Golden Triangle overlay draws a diagonal line from one corner to the opposite corner, then drops perpendicular lines from each of the remaining corners to the diagonal. This creates a framework of triangles that works particularly well for images containing strong diagonal elements, such as mountain ridges, staircases, or dynamic action shots where energy moves along an angular path.

Diagonal Method

Formalized by Edwin Westhoff in 2007, the Diagonal Method places guide lines at 45-degree angles through the corners of the frame. It is designed for compositions that rely on movement, direction, and energy. Street photographers and sports photographers use diagonal overlays to check whether subjects are positioned along lines that reinforce forward motion.

Center Cross

The Center Cross places a vertical and a horizontal line through the exact center of the frame. While the Rule of Thirds encourages off-center placement, there are situations where dead center is the strongest choice: formal portraits, symmetrical architecture, direct eye contact shots, and compositions that celebrate perfect mirror reflections.

Rule of Fifths

The Rule of Fifths divides the frame into a 5x5 grid with four vertical and four horizontal lines, creating 25 smaller sections. It offers finer placement control than the Rule of Thirds and is particularly useful for panoramic landscapes, complex multi-subject compositions, and images where subtle positional shifts make a visible difference.

Quadrant

The Quadrant overlay splits the frame into four equal sections with a center cross, then marks the center of each quadrant as a power point. It is helpful for compositions that need balanced weight distribution across the frame, group portraits, and infographic-style layouts where each quadrant holds distinct visual information.

Which Composition Guide Should You Use?

Situation Best Guide Why
General photographyRule of ThirdsFastest to apply, works in 90% of cases
PortraitsPhi GridTighter center focus for face/eyes
Landscapes with curvesGolden SpiralEye follows natural curve to subject
Dynamic action shotsDiagonal MethodReinforces movement and energy
Architecture, symmetryCenter CrossValidates perfect symmetrical alignment
Mountain/staircase shotsGolden TriangleFrames angular, diagonal subjects
YouTube thumbnailsRule of ThirdsSeparates subject from text areas

Composition Grid for Photography

Many modern cameras and smartphones include a built-in Rule of Thirds grid that can be enabled in the viewfinder. However, the real composition work often happens in post-production, when a photographer has time to evaluate the shot without time pressure. By loading the image into a composition overlay tool, photographers can switch between multiple guides on the same frame, checking whether the horizon would be stronger on the upper third versus the upper phi line, or whether the subject falls closer to a diagonal than an intersection point.

This tool supports all major photography workflows: landscape photographers working with horizons and leading lines, portrait photographers positioning eyes and faces, street photographers checking decisive-moment framing, and product photographers ensuring clean visual hierarchy.

Composition Grid for Video

In filmmaking and video production, composition grids maintain consistency across shots. A cinematographer uses the Rule of Thirds to manage headroom, nose room, and lead room in dialogue scenes. The Center Cross validates symmetrical compositions in architectural sequences. The Diagonal Method checks that action moves along energy lines that keep the viewer's eye engaged.

Video editors working in Premiere Pro, DaVinci Resolve, or Final Cut Pro can use this tool to check individual exported frames against composition guides before committing to a final cut.

Composition Grid for YouTube Thumbnails

YouTube thumbnails are displayed at 1280 x 720 pixels (16:9 aspect ratio). The Rule of Thirds grid can help separate the primary subject from supporting text or visual context. A common thumbnail composition places a prominent subject on one side and reserves the other side for text or visual emphasis. This tool includes a YouTube preset that sets the canvas to 1280 x 720 and a Thumbnail Preview mode that shows how the composition holds at the small sizes YouTube actually displays.

For a deeper breakdown of how top creators use compositional rules, see the Rule of Thirds guide and the analysis of the MrBeast thumbnail face effect.

Frequently Asked Questions

What is a composition grid overlay?

Geometric guide lines placed over an image to help evaluate visual balance and subject placement. See the full explanation in the section above.

Is this composition grid tool free?

Yes. All eight composition guides, compare mode, focal point, and all export options are available without payment, registration, or watermarks.

Does my image leave my device?

No. Your image is processed locally in your browser using the HTML Canvas API and is not uploaded to any server for image processing.

Which composition guide should I use?

Start with the Rule of Thirds for general photography and thumbnails. Use the Phi Grid for tighter portraits. Try the Golden Spiral for images with natural curves. Use Compare mode to see how different guides read the same frame, then pick the one that best matches your subject.

What is the difference between Rule of Thirds and Golden Ratio?

The Rule of Thirds divides the frame into equal thirds (33.3% / 66.7%), while the Golden Ratio (Phi Grid) divides at 38.2% / 61.8%, pushing the central lines closer together. The Golden Ratio creates a tighter focal zone, while the Rule of Thirds provides more open negative space. Use Compare mode to see both on the same image.

Can I use this for YouTube thumbnails?

Yes. Use the YouTube preset to set the canvas to 1280 x 720 (16:9). The Rule of Thirds overlay shows exactly where to place face and text elements. The Thumbnail Preview mode lets you check how the composition holds at the small sizes YouTube actually displays in search results and recommendations.

Can I download a transparent PNG grid?

Yes. Click "Transparent Grid PNG" in the export section to download just the composition grid on a transparent background. You can then drop it as a top layer in Photoshop, Photopea, Figma, or any editing tool for instant composition verification.

Can I compare different composition guides on the same image?

Yes. Click the Compare button in the toolbar to enter Compare mode. It displays four composition guides on the same image in a 2x2 grid, so you can see how Rule of Thirds, Phi Grid, Golden Spiral, and Diagonal Method each read the same frame differently.

Can I use this on mobile or iPad?

Yes. The tool is fully responsive and works on Safari, Chrome, Firefox, and Edge on desktop, tablet, and mobile devices. Touch controls work for setting focal points and navigating the interface.

Can I use this for 9:16 vertical content?

Yes. Use the crop tool to select 9:16 aspect ratio, or use the Vertical preset (1080 x 1920). The composition grid automatically recalculates to fit the new frame dimensions.

Free Composition Grid Pack

Download transparent composition grid overlays for Photoshop, Figma, Canva and other editors. All eight guides as ready-to-use PNG files.

Need a thumbnail that actually converts?

I design click-magnet thumbnails backed by composition science. Don't settle for average.

Get a Custom Design