Golden Ratio Overlay – Free Golden Spiral and Rule of Thirds Tool

Our free golden ratio overlay puts a golden spiral, a phi grid, a rule of thirds grid, golden triangles, diagonals, or a dynamic symmetry grid over any photo or painting, so you can check a composition in seconds. Move and resize the spiral by dragging, crop to a golden rectangle, and download the result as a PNG. A small golden ratio calculator below the tool splits any length into its golden sections. Everything runs in your browser, and your image is never uploaded.

How to Use the Golden Ratio Overlay

Checking a composition takes less than a minute:

1. Add your image. Click “Upload image”, drag a file onto the picture, or press Ctrl+V (Cmd+V on a Mac) to paste one. You can also paste an image link, or use “Take photo” on a phone or tablet. To practice first, pick one of the six masterpieces below the picture.
2. Turn on overlays. Each button switches one overlay on or off, and you can combine as many as you like. The golden spiral is on when you start.
3. Place the spiral. Drag across the picture to move the spiral, and pinch on a touch screen or use the “Size” slider to scale it. “Rotate 90°” and “Flip” give you all eight orientations.
4. Style the lines. Pick a line color, opacity, and width that stand out against your picture.
5. Save or print. “Download PNG” saves your image with the overlay, “Overlay only” saves the lines on a transparent background, and “Print” opens a page ready to print.

The Six Overlays Explained

Golden Spiral

The spiral sits inside a golden rectangle, a rectangle whose sides have the ratio 1.618 to 1. The rectangle is divided into a square and a smaller golden rectangle, which is divided again in the same way, and a quarter circle is drawn in every square. The point where the spiral winds in is called its eye, and the tool marks it with a dot and shows its position in percent below the picture.

With the shape set to “Golden rectangle”, the spiral keeps its true proportions and you can move it and scale it from 30% to 250%. With “Stretch to frame”, it is stretched to fill the whole picture, which is how many photo apps show it. “Show squares” adds the squares the spiral is built from.

Phi Grid

The phi grid looks like the rule of thirds, but its lines sit at 38.2% and 61.8% of the width and height. The middle column and row are narrower, in the proportions 1 : 0.618 : 1, so the four crossing points move closer to the center.

Rule of Thirds

Two vertical and two horizontal lines divide the picture into nine equal parts. A horizon on one of the lines, or a focal point on one of the four crossing points, avoids a static, centered composition.

Golden Triangles

One diagonal runs from corner to corner, and a line from each of the two other corners meets it at a right angle. The picture is split into four triangles, which works well for subjects with strong diagonal lines. “From top left” and “From bottom left” set the direction of the main diagonal.

Diagonals

The baroque diagonal rises from the lower left to the upper right, and the sinister diagonal falls from the upper left to the lower right. Show both, or only one, to check whether the main lines of a picture follow them.

Dynamic Symmetry

“Armature (14 lines)” draws the harmonic armature of the rectangle: the 2 diagonals, 8 lines from each corner to the middle of the two opposite sides, and the 4 lines of the diamond that joins the middles of the sides. “Diagonals + reciprocals” shows the grid from Jay Hambidge’s dynamic symmetry: the two diagonals plus four reciprocal lines, each running from a corner at a right angle to the diagonal that does not touch it.

What Each Setting Does

• Line color: gold, white, black, red, cyan, or any color from the color field.
• Own color per overlay: gives every overlay its own color, so you can tell them apart when several are on. The small dot on each overlay button shows its color.
• Contrast outline: adds a thin dark edge to light lines and a light edge to dark lines, so they stay visible on busy pictures.
• Mark crossing points: adds dots where the lines of the rule of thirds and the phi grid cross and where the golden triangles meet.
• Opacity and line width: opacity runs from 10% to 100%, and line width from 1 to 8 pixels on screen. In downloads, the width is scaled to the image: a width of 2 becomes about 2 pixels for every 900 pixels of the longest side.
• Crop to a golden rectangle: crops the picture to 1.618 : 1 (or 1 : 1.618 for a tall picture). The crop position slider moves the crop, and all overlays and downloads use the cropped frame.

With a keyboard, click the picture first. The arrow keys then move the spiral (with Shift in bigger steps), plus and minus change its size, R rotates it, and F flips it.

The Golden Ratio Calculator

Enter a length, choose px, in, cm, or mm, and tell the calculator whether the length is the whole (a + b), the long part (a), or the short part (b). It shows all three values, converts inches and metric units, and gives the two golden rectangles that use your length as the long or the short side. “Copy results” copies everything as text.

For example, a canvas 100 cm wide divides at 61.8 cm and 38.2 cm, and a golden rectangle 100 cm wide is 61.8 cm tall. Use it to plan a canvas size or the position of a horizon.

What Is the Golden Ratio?

Two lengths are in the golden ratio when the whole relates to the longer part as the longer part relates to the shorter one. The number is called phi (φ) and equals (1 + √5) / 2, about 1.618. The Greek mathematician Euclid described this division around 300 BC as cutting a line in “extreme and mean ratio”.

The Fibonacci sequence (1, 1, 2, 3, 5, 8, 13, 21…) is closely related: the ratio of two neighboring numbers gets closer and closer to phi, for example 13 / 8 = 1.625 and 21 / 13 ≈ 1.615. That is why the spiral built from squares is also called the Fibonacci spiral. Strictly, the quarter circles are an approximation of the true golden spiral, a logarithmic spiral that grows by a factor of phi with every quarter turn. Our guides to the golden ratio in art and the Fibonacci sequence in art go deeper into the history.

In 1509, the mathematician Luca Pacioli published De divina proportione, a book about the golden ratio with geometric drawings by Leonardo da Vinci. Whether painters such as Leonardo, Botticelli, or Raphael planned their pictures with it is debated, and art historians disagree about many of the famous examples. Load the Mona Lisa, The Birth of Venus, or The School of Athens and judge for yourself.

Golden Ratio vs. Rule of Thirds

The rule of thirds is a simplified version of the same idea. Its lines sit at 33.3% and 66.7%, while the golden section lines sit at 38.2% and 61.8%. Both keep the main subject away from the dead center and from the edges. The term “rule of thirds” first appeared in John Thomas Smith’s book Remarks on Rural Scenery in 1797, but the nine-part grid used today became popular much later, mainly through photography.

Neither is a law. Use the overlays to see a picture more clearly, not as a test it has to pass. Our article on composition in art covers the other tools artists use, such as balance and a focal point.

How the Tool Works

The overlays are drawn with exact geometry on top of your picture: phi is calculated as (1 + √5) / 2, and the spiral is built from 18 quarter circles in ever smaller squares. Your image itself is not changed.

Large images are scaled to 2,400 pixels on the longest side (1,600 on phones and tablets) to keep the tool fast, and downloads use this size. In the download, the line width grows with the image size, so the lines stay clearly visible on large images.

Tips for Best Results

• Start with one overlay. Several grids at once quickly turn into a web of lines.
• Try all eight spiral orientations. A spiral fits a picture only if its eye sits on the subject and its curve follows a real line, such as the edge of a wave or an arm.
• Use the transparent PNG. “Overlay only” saves just the lines, which you can lay over a sketch in any drawing app.

Who Uses a Golden Ratio Overlay?

• Painters and illustrators plan a composition on a reference photo or check a painting in progress. For transferring a drawing, our art grid tool adds an even drawing grid.
• Photographers check their crops and learn composition in photography from their own pictures.
• Art teachers and students analyze masterpieces and discuss how artists use proportion.

Your Images Stay Private

Your image is processed directly in your browser and never uploaded, so you can safely use personal photos, unfinished paintings, and client work. There is no sign-up, no watermark, and no limit on how many images you load. Only the sample paintings are loaded from Wikimedia Commons.

More Free Art Tools

All our tools are free, run in your browser, and need no account. See them all on the free art tools page.

• Photo to sketch: turn a photo into a pencil sketch or line art.
• Photo to coloring page: turn any picture into a printable coloring page.
• Image to pixel art: convert an image into editable pixel art.
• Notan generator: plan light and dark shapes with a two- or three-value study.
• Art grid tool: put a drawing grid over any photo.
• Perspective grid generator: print one-, two-, and three-point perspective grids.
• Paint by number generator: turn a photo into a printable paint by number template.
• Image color picker: find the exact colors in any photo or painting.
• Color name finder: get the name of any HEX, RGB, or photo color.
• Color wheel: find complementary, triadic, and analogous colors.
• Color mixer: mix paint or screen colors and find paint recipes.
• Color palette generator: create matching color schemes or a palette from an image.
• Color blindness simulator: see images and palettes as color blind people do.
• Art pricing calculator: find a fair price for your paintings and prints.
• Art prompt generator: get random ideas for drawing and painting.
• Random character generator: create an original character with traits and a palette.

Frequently Asked Questions

How Do I Put a Golden Ratio Overlay on a Picture?

Upload your picture to the tool above, and the golden spiral appears right away. Turn on other overlays with the buttons, move the spiral by dragging, and click “Download PNG” to save the picture with the overlay.

What Is the Difference Between the Golden Ratio and the Rule of Thirds?

The rule of thirds divides a picture into three equal parts each way. The golden ratio, as a phi grid, places the lines at 38.2% and 61.8%, so the middle section is narrower. The rule of thirds is often described as a simplified form of the golden ratio.

How Do You Use the Golden Spiral in Composition?

Place the eye of the spiral on your main subject and let the curve follow a strong line or a sequence of shapes that leads the viewer there. Rotate and flip the spiral until it matches the movement of your picture.

How Do I Calculate the Golden Ratio of a Length?

Divide the length by 1.618 to get the long part, and subtract that from the length to get the short part. For 100 inches, the long part is 61.8 inches and the short part is 38.2 inches. The calculator below the tool does this in px, in, cm, and mm.

Did Leonardo da Vinci Use the Golden Ratio?

Leonardo drew the geometric illustrations for Luca Pacioli’s 1509 book on the golden ratio, De divina proportione. Whether he used the ratio to plan paintings such as the Mona Lisa is debated, because the many overlays published online often fit only roughly.

Is the Golden Ratio Overlay Free?

Yes. The tool is completely free, needs no account, and adds no watermark to your downloads.