WEB制作で使える画像の幅やマージン、黄金比、白銀比。ぜひご活用下さい。

例：横幅「1000px」で入れたい要素数が「５個」、マージンを「５px」だとすると・・・
上記のように指定することで「１つあたりの画像幅」が自動で計算されます。

例：横幅「1000px」で入れたい要素(画像)が「120px」、マージンを「５px」だとすると・・・
上記のように指定することで「横幅に入る要素(画像)個数」が自動で計算されます。

縦と横の比率が最も均整が取れた長方形。この比率で整えられた状態が最も美しいとされています。黄金比の長方形はそこから正方形を取り除いてても同じ比率の長方形が残ります。数値で表すと「1:1. 6180339887 4989484820 4586834365 63...」ずぅーと続きます。一般的には近似値として「1.618」を利用しています。
黄金比を持つ長方形は歴史的にも古くから研究されています。例えば「ギリシャのパルテノン神殿」「ミロのビーナス」「富嶽三十六景」などがあげられます。最近ではツイッターやAppleのロゴも黄金比でデザインされていると話題になりました。
ブログのアイキャッチや画像のサイズを決定するときに参考にできます。

A判用紙や風呂敷などに用いいられています。他にも法隆寺や見返り美人図も白銀比だったりします。白銀比は、長方形の長い方の辺を半分にすると、小さい長方形ができます。この長方形が元の長方形と相違であるようにした時の辺の比を指します。数値で表すと「1:1.414　つまり　1:√2(ルート2)」となります。。一般的には近似値として「1.414」を利用しています。豆知識ですが、キティちゃんやドラえもん、トトロにも白銀比が採用さいれているようです。キャラクタを制作の際に活用したいですね。
WEB制作ならサイトのカラム比率(サイズ)を計算するときにとても便利です。