Others Calculator

Rule of Thirds Grid Overlay Tool: Free Online Calculator

Updated Oct 28, 2026 100% Free Mobile Friendly

Rule of Thirds Grid Overlay Tool: Free Online Calculator

Your photo stays in your browser. Nothing is uploaded.

How to use a rule of thirds grid

The rule of thirds splits an image into nine equal parts with two vertical and two horizontal lines. Placing your subject on a line, or where two lines cross, usually gives a more balanced picture than placing it in the exact centre. To use the tool, enter the width and height of your image, or add your photo and the size is filled in for you. The lines and their pixel positions update straight away.

Vertical lines: x = Width × (1/3) and Width × (2/3)

Horizontal lines: y = Height × (1/3) and Height × (2/3)

Intersections: (W/3, H/3), (2W/3, H/3), (W/3, 2H/3), (2W/3, 2H/3)

Golden ratio grid: use 0.382 and 0.618 in place of 1/3 and 2/3

Reference charts

Line positions for common image sizes (rule of thirds)

Size (px)UseVertical lines (x)Horizontal lines (y)
1920 × 1080Full HD, YouTube640 and 1280360 and 720
1280 × 720HD video, thumbnails426.67 and 853.33240 and 480
1080 × 1080Square social post360 and 720360 and 720
1080 × 1350Portrait social post (4:5)360 and 720450 and 900
1080 × 1920Stories, Reels360 and 720640 and 1280
3000 × 2000Camera photo (3:2)1000 and 2000666.67 and 1333.33
4000 × 3000Phone photo (4:3)1333.33 and 2666.671000 and 2000

Thirds, golden ratio and quarters on a 1920 × 1080 image

GridLine positions (% of side)x positions (px)y positions (px)
Rule of thirds33.33%, 66.67%640, 1280360, 720
Golden ratio38.20%, 61.80%733.37, 1186.63412.52, 667.48
Quarters25%, 50%, 75%480, 960, 1440270, 540, 810

Solved examples

Example 1: Full HD video frame, 1920 × 1080

Step 1: 1920 ÷ 3 = 640, so the vertical lines are at x = 640 and x = 2 × 640 = 1280.

Step 2: 1080 ÷ 3 = 360, so the horizontal lines are at y = 360 and y = 720.

Step 3: The four intersections are (640, 360), (1280, 360), (640, 720) and (1280, 720). Each section is 640 × 360 px.

Example 2: Portrait social post, 1080 × 1350

Step 1: 1080 ÷ 3 = 360, so the vertical lines are at x = 360 and x = 720.

Step 2: 1350 ÷ 3 = 450, so the horizontal lines are at y = 450 and y = 900.

Step 3: In a portrait, the eyes usually sit near the upper line, y = 450, about one third down from the top.

Example 3: Golden ratio grid on a 3000 × 2000 photo

Step 1: 3000 × 0.382 = 1145.90 and 3000 × 0.618 = 1854.10, so the vertical lines are at those x values.

Step 2: 2000 × 0.382 = 763.93 and 2000 × 0.618 = 1236.07, so the horizontal lines are at those y values.

Step 3: The middle column is 1854.10 − 1145.90 = 708.20 px wide, and the middle row is 1236.07 − 763.93 = 472.14 px tall. The centre section is smaller than the outer ones.

Common confusion: thirds, golden ratio and rounding

People often mix up the rule of thirds and the golden ratio grid. The rule of thirds uses equal sections, with lines at 33.33% and 66.67%. The golden ratio grid, also called the phi grid, pulls the lines closer to the centre, at 38.2% and 61.8%, so the middle section is smaller. The two are close enough that either works as a guide, and neither is a strict rule.

Another source of confusion is rounding. Most sizes do not divide evenly by three, so a 1280 px width gives a line at 426.67 px. Image editors round this to the nearest pixel, which makes no visible difference. The grid is also a guide for composition, not a requirement: centred subjects and symmetrical scenes often look best when you break it.

Frequently asked questions

What is the rule of thirds?

It is a composition guideline that divides an image into nine equal parts using two vertical and two horizontal lines. Subjects placed on the lines or at their crossings tend to look more balanced and interesting.

What are the intersection points called?

They are often called power points or crossing points. There are four on a thirds grid. Many photographers place the main subject, or a subject’s eyes, near one of them.

Can I add the grid to my own photo?

Yes. Choose a file in the photo field and the grid is drawn over it. The photo is processed in your browser and is not sent to a server. Very large photos are scaled down so the longest side is 4000 px.

How do I save the image with the grid?

Select “Download PNG”. The file contains your photo, or the blank canvas, with the grid lines on top.

Should I always follow the rule of thirds?

No. It is a starting point. Symmetry, leading lines and centred portraits can all work well. Use the grid to check a composition, then decide if breaking it improves the picture.

Which grid should I choose: thirds or golden ratio?

Start with thirds because it is simple and widely used. Try the golden ratio grid if you want lines a little closer to the centre. The difference is small, so pick the one that suits the image.

Results are estimates for composition guidance only; check official specifications and records for print, licensing or legal matters.

Free & instant results
Zain Bin Shabbir
Written by

Zain Bin Shabbir

Zain Bin Shabbir is a content creator and website publisher with 2 years of experience in SEO, web content, and practical online tools. He focuses on creating clear, useful, and user-friendly resources that simplify everyday calculations.