\n

Optimizing Picture To Border Ratio With Phi

January 07, 2010 By: Erik R. Category: Art, Geeky, Math 310 views

Rate this post:
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading ... Loading ...

Frame Geometry DiagramThe other day I was looking at a framed photo in my house and wondering how the area of the border around the picture (called a mat board in the framing industry) compared to the area of the picture itself. Immediately I remembered the master of all aesthetic ratios, the golden ratio, Phi! 1.61803398874989… I thought, “I bet if the ratio of the area of the picture to the border was Phi, it would look good!” So I set off on an algebraic quest to find the answer…

The geometry is simple enough. You’ve got whatever the length and width of your picture is, plus a border around it with a width of x/2.

Frame Geometry Diagram

If we write down the equation for the ratio of the picture area to the border area (the full frame size – the picture’s area), we get this:

Ratio Equation

If we set our ratio to Phi and solve the equation, using the quadratic formula, we get that our doubled border width, x, is:

Border Equation

What does this give us? Now, for any length and width of picture, we can calculate how wide to make the border around it such that the ratio of the area of the picture to the area of the border is Phi…or any number for that matter!

Picture Border Ratio Calculator

Using the calculator below, if you input the length and width of your picture, and the area ratio (picture / border), it will tell you how large to make your border. And below the calculator is a rendering of the values you enter. Note that the default values in the calculator are for a golden rectangle and an area ratio of Phi. Looks pretty nice, doesn’t it? Go ahead, try out other picture sizes!

Picture Length
Picture Width
Area Ratio
Border Width
Or you can use an image from the internet!
Image URL Use Image
 


6 Comments to “Optimizing Picture To Border Ratio With Phi”


  1. I usually just ask the woman who owns the local framing business what she thinks looks good. Sometimes I splurge on a double mat. Woohoo.

  2. I’m not embarrassed to admit that this is really interesting and amazes me, and I’ll bookmark this for future, real world usage.

  3. This is exactly what I’ve been looking for! But the calculator doesn’t seem to be working. Any chance of fixing it?
    :)
    Thanks!

    • Thanks for the heads-up, Laura. I recently removed a javascript dependency from my blog and forgot about this post. The calculator should work now. I hope you find it useful!



Leave a Reply