「web計。」は、ウェブデザイナーがよく使う計算式をコンパクトにまとめ、ブラウザ上で手軽に利用できるようにしたサービスだ。電卓を叩いたり、紙とペンを使っていちいち計算することなく、フォームに値を入力するだけで正しい値を導き出すことができる。
本サービスは4つの機能を備えており、それぞれをタブで切り替えて利用できる。ひとつめは「横幅に対する画像数」で、ウェブページの横幅を基準に、指定サイズの画像が何個入るか、またマージンがいくらになるかを簡単に算出できる。例えば「横幅1000pxで画像3個でマージン11pxの場合、画像枠の幅が326px」「横幅1000pxで画像のwidthが192pxでマージン10pxの場合、画像が4個入る」といった具合だ。
2つ目は「画像の比率」で、画像の横サイズを入力すると、よく使われる比率での縦サイズを表示してくれるというもの。例えば画像の横サイズを「1200px」と指定した場合、比率が4対3の場合は縦900px、3対2の場合は縦800px、16対9の場合は縦675pxといった値が算出される。単純に値を出すだけではなく、どの値ならきちんと割り切れるかをチェックするのにも有用だ。
3つ目は「黄金比」で、黄金比の近似値である1対1.618をベースに、指定した値の黄金比を算出する。例えば「400」と入力すると、黄金比による長辺は647px、短辺は247pxといった具合に値を算出してくれる。4つ目の「白銀比」も同様で、1対1.414という比率をベースに、指定した値の白銀比を算出してくれるので、デザインの設計をする場合に役立つ。
いずれもウェブデザイナーがよく利用する計算式であり、いちいち手元で紙に書いて計算しなくても、必要な値が手軽に導き出せる。これらの値は図で表示されるわけではなく、テキストで表示されるだけだが、そのシンプルさゆえに使いやすい。本職のウェブデザイナーはもちろん、ブログに写真を掲載するにあたってレイアウトにこだわるブロガーなどにとっても、幅広く活用できるサービスだ。
CNET Japanの記事を毎朝メールでまとめ読み(無料)
ものづくりの革新と社会課題の解決
ニコンが描く「人と機械が共創する社会」
ZDNET×マイクロソフトが贈る特別企画
今、必要な戦略的セキュリティとガバナンス