The 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.

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:
If we set our ratio to Phi and solve the equation, using the quadratic formula, we get that our doubled border width, x, is:

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 |
| Image URL | Use Image |
|---|


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.
Cool.
I’m not embarrassed to admit that this is really interesting and amazes me, and I’ll bookmark this for future, real world usage.
Thanks, Ray. That’s a huge compliment.
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!