What is the rule of thirds?

The rule of thirds divides an image into a 3x3 grid using two equally-spaced horizontal and two equally-spaced vertical lines. Placing key subjects along these lines or at their four intersection points (power points) typically creates a more balanced and engaging composition.

Is my image uploaded to a server?

No. The image is processed entirely in your browser using the HTML5 Canvas API. Nothing is sent to any server.

What file formats can I upload?

Any image format your browser supports — JPEG, PNG, WebP, GIF, AVIF, and BMP are all fine.

Can I save the result?

Yes. Click the Download button to save the canvas with the grid overlay as a PNG file.

What are power points?

Power points are the four intersections of the grid lines. Studies in visual perception suggest the human eye is drawn to these spots first, making them ideal positions for the main subject of a composition.

Can I use this on a blank canvas?

Yes. If you do not upload an image you can select a canvas background color and see the grid on a plain background, useful for planning compositions before shooting.

Rule of Thirds Grid Generator

Name: Rule of Thirds Grid Generator
Availability: InStock
Author: Nham Vu

Upload a photo or use a blank canvas to overlay a rule-of-thirds grid and analyze or plan your composition.

Image Source

Drop image here or browse

— or use a blank canvas —

Background:

Grid Style

Line Color

Line Opacity 80%

Line Width 2 px

Show Power Points

Point Color

Canvas Preview no image

Upload an image or use a blank canvas to see the grid.

Composition tip

Place your main subject at one of the four power points (grid intersections) and align horizons along the top or bottom horizontal line for a naturally balanced photograph.

Summary

Upload a photo or use a blank canvas to overlay a rule-of-thirds grid and analyze or plan your composition.

How it works

Upload a photo using the file picker or drag and drop an image onto the canvas.
The rule-of-thirds grid is drawn automatically over your image.
Use the grid line color and opacity sliders to adjust visibility.
Toggle power point circles on or off to highlight the four intersection points.
Click "Download" to save the annotated image as a PNG.

Use cases

Evaluate whether your subject aligns with rule-of-thirds power points.
Plan framing and composition before a photography session.
Teach students or clients about photographic composition principles.
Quickly check whether a cropped photo follows compositional best practices.
Create reference images showing ideal subject placement for design briefs.
Analyze landscape horizon placement against the top or bottom third line.

Frequently Asked Questions

Related tools

Eyedropper Picker Color Contrast Checker Color Blindness Simulator

Last updated: 2026-05-28 · Reviewed by Nham Vu