画像のサイズ計算　めもブロ。

画像のサイズ計算

画像を作る時に、目標のサイズの画像を作ると実際どのくらいのピクセル数になるのか、その画像が結果的には何mmになるのかを計算する。

例えば、55×91mmで360dpiの画像を作ると780×1290pxになるが、それをIllustratorに配置すると約55.033×91.017mmになる。この場合0.033mmと0.017mmの誤差が出るのだが、それは、55×91mmで360dpiだと計算上は779.527…×1289.763…pxとなるが、実際には画像のピクセル数は半端にはできず丸められた整数になるため生じるずれ。目標のサイズと解像度から、画像のピクセル数とそこから算出される実寸を計算するのが目的。ついでに解像度ごとの1pxのサイズも表示。 Photoshopで、イメージメニューから画像解像度を変更するウインドウを出せばmmからpxの換算やその逆も分かるけど、イチイチPhotoshop起動させるのも面倒だし、一気に計算できるようなのがよかったので作ってみた。

使い方：

目標のサイズと解像度のボックスに任意の数字を入力。（はじめに適当な数字が表示されるが変更できる。入力は半角数字で。）
「計算（四捨五入）」または「計算（切り上げ）」ボタンを押すと計算される。二種類は画像のピクセル（整数）を四捨五入で求めるか、切り上げで求めるかの違い。目標のサイズにできるだけ近いサイズを求める場合に四捨五入。目標のサイズに近くてより大きなサイズを求める場合に切り上げ。

目標のサイズ： × mm

解像度 [dpi][ppi]	1pxのサイズ [mm]	ピクセル（計算値） [px]	実際のサイズ [mm]
		× (×)	×
		× (×)	×
		× (×)	×
		× (×)	×
		× (×)	×
		× (×)	×
		× (×)	×

計算にはJavaScriptを利用。
ボックスに半角数字以外（例:全角数字、半角英字、日本語等）が入っていると計算されないので注意。計算できるのは半角数字の他、小数点以下のあるもの（例:50.25）、加減乗除記号の混じったもの（例:1/3，5+6）、eまたはEを使用する指数表記（例:1.5e3）などJavaScriptで扱える数。計算できなかった場合は空白になり、計算ボタンの下にメッセージが表示される。
「1pxのサイズ」は各解像度の場合の1pxの長さ[mm]。割り切れない場合がほとんどのため、小数点以下第7位を四捨五入。
「ピクセル」は目標のサイズと解像度から計算したピクセル数を整数にした値。「計算（四捨五入）」を押すと小数点以下第1位を四捨五入し整数にした値で、「計算（切り上げ）」を押すと小数点以下を切り上げて整数にした値になる。
「（計算値）」はピクセル数を整数にする前の数字を参考用で表示。但し割り切れない場合がほとんどのため、これも小数点以下第3位で四捨五入して表示している。
「実際のサイズ」は整数値「ピクセル」の長さをミリ換算した値。割り切れない場合がほとんどのため、小数点以下第4位を四捨五入。

実際に画像をIllustratorに配置すると、ちゃんと上記の計算値になることはいくつかの画像で確認したけど、たまに配置してある位置によってか、変形パレット（パネル）や情報パレット（パネル）サイズ[mm]の小数点以下第3位の数字が変わることがある。配置してある位置を変えると戻ったりするので単なるIllustratorの表示の誤差だろうと思うのだけど。また、Illustratorから画像を書き出した場合に書き出されるピクセル数が上で計算する数とは違うことがあるようだ。同じデータから書き出しても画像形式によって1px違ったりすることも。これも何かの誤差だろうか…。

（XP Firefox3.6.12，InternetExplorer6.0，8.0，Safari4.0.4，5.0.2，Vista Firefox3.6.12，InternetExplorer8.0，Safari5.0.3，MacOSX10.4.11 Safari4.1.3）

※始めに既存のサイトで計算できるとこを探したのだけど、結局は半端なのしか見つけられなかった。けど、探している時に見つけたサイトで色々あったところをメモ。

画像の印刷サイズ計算 - フリー写真素材 Futta.NET
http://www.futta.net/calculator.html

2010.11.23追記
続編＞画像のサイズ計算　pixelからmm

2010.11.25テストしたブラウザ追記

2010/11/14 ( Sun )　 21:34:45 | 計算 | トラックバック(0) | コメント(0) | page top↑

<<画像のサイズ計算　pixelからmm | ホーム | トンボとトリムエリアとトリムマークとアートボード>>

コメントの投稿

トラックバック

トラックバックURL
→http://chiruchirupon.blog119.fc2.com/tb.php/69-a411070d
この記事にトラックバックする(FC2ブログユーザー)

| ホーム |