スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--/--/-- ( -- )  --:--:-- | スポンサー広告 | page top↑

画像のサイズ計算 pixelからmm

画像が任意の解像度の時、何mmになるのかを計算する。ついでに大きさ比較用のプレビューもする。

持っている、あるいは受取った画像(写真が圧倒的に多数)が、印刷しても問題ない解像度で配置できるかを確認するのが主な目的。前エントリーでmm→pixel→mmの計算ができるのを作ったけど、最初がpixelなのも欲しいなと思ったので。もちろん計算しなくてもIllustratorなどに配置すれば分かるけど、イチイチ起動させて配置してサイズ変えて確認するの面倒…。(Illustratorでは解像度を指定して変形はできない、というか元々画像側で解像度は持たせておいて配置するのが普通だし。)
使い方
  1. 画像のピクセルと解像度のボックスに任意の数字を入力。(はじめに適当な数字が表示されるが変更できる。入力は半角数字で。)
  2. 「計算」ボタンを押すと計算される。
  3. 表組右端のラジオボタンを押すと、その行のサイズが下にプレビューされる。
  4. プレビュー下の背景のラジオボタンで、サイズ比較のための背景を交換できる。

画像のピクセル: 幅(W) × 高さ(H) px  

解像度
[dpi][ppi]
1pxのサイズ
[mm]
実際のサイズ
[mm]
プレビュー
×
×
×
×
×
×
×
×
  
[画像:紙サイズのプレビュー用]
背景: A判 |写真・他 |方眼
  • 計算にはJavaScriptを利用。プレビューの背景はスタイルシートで指定。
  • ボックスに半角数字以外(例:全角数字、半角英字、日本語等)が入っていると計算されないので注意。計算できるのは半角数字の他、小数点以下のあるもの(例:50.25)、加減乗除記号の混じったもの(例:1/3,5+6)、eまたはEを使用する指数表記(例:1.5e3)などJavaScriptで扱える数。計算できなかった場合は空白になり、計算ボタンの下にメッセージが表示される。
  • 「W⇔H」ボタンで入力した幅と高さの値を入れ替えることができる。プレビューしてみたら幅と高さが逆だった時に。(再計算するにはもう一度「計算」ボタンを押す。)
  • 「1pxのサイズ」は各解像度の場合の1pxの長さ[mm]。割り切れない場合がほとんどのため、小数点以下第7位を四捨五入。
  • 「実際のサイズ」は各解像度ごとに長さをミリ換算した値。割り切れない場合がほとんどのため、小数点以下第4位を四捨五入。
  • 表組の「プレビュー」はどのサイズを下にプレビューするかのラジオボタン。プレビューは1サイズ(1行)づつ。
  • プレビューはハッチがけの赤枠で画像サイズのイメージが表示される。実寸表示ではない。
  • プレビューの背景は、「A判」がJIS規格のA3~A10。「写真・他」は写真の印画紙の半切・四切・六切・2L・Lとはがきと名刺の一般的なサイズ。「方眼」は単なる目盛。大きさの数字は全て[mm]。
イメージをつかむためプレビュー表示して背景の規格サイズと比較できるようにしてみた。(JavaScriptおもろいな。)実際のサイズの計算結果が数字で出ても直感的には分かりにくいなと思ったので、縦横の比率とか、どの規格に近い大きさだとか、パッと見て分かると便利だろうなと。
プレビュー表示は「実際のサイズ」が大きいと表示領域からはみ出てしまい大きさが見えないが、表組での計算は問題ない(←これがメインだし)。プレビューはあくまでおまけ。なので、よく使いそうなサイズ重視で設定。そのよく使いそうなケースとして想定したのが、写真画像が印刷(この場合商業印刷)用に360ppi程度あるか、360ppiなくても最低で200ppiあれば「酷いわっ」てな感じにはならないから、せめてその程度は確保できるかどうかをサラッと確認するみたいな場合。
(余談。写真がメインの印刷物でないなら200ppiでなんとか…という話で、それでもイラストの画像だったら300ppiでも荒さが目立つ場合もあるし、それもアンチエイリアスの具合やJPEGの圧縮の程度が関係したりするし、ポスターなど遠くから見るのがメインの場合はまた違うしで、最低限の解像度の値は結構ケースバイケースだと思う。)

(XP Firefox3.6.12,InternetExplorer6.0,Safari5.0.2)


関連>画像のサイズ計算
→前エントリー。mm→pixel→mmを計算。

用紙(インクジェット用紙・コピー用紙・ラベル・シール) - esupply
http://www.esupply.co.jp/yosi/yosi_cate.asp?bun_id1=4
→手の写真がついてて、紙の大きさをイメージしやすい。(計算ではない)
2010/11/23 ( Tue )  23:47:01 | 計算 | トラックバック(0) | コメント(0) | page top↑
| ホーム | 画像のサイズ計算>>
コメント
コメントの投稿












管理者にだけ表示を許可する

トラックバック
トラックバックURL
http://chiruchirupon.blog119.fc2.com/tb.php/70-507eb22c
この記事にトラックバックする(FC2ブログユーザー)
| ホーム |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。