2009-06-16 6 views
4

Photoshopファイルとして与えられたwebdesignをhtml + cssに変換しているうちに、フォントサイズと混同してしまいました。下の画像に見られるように、Photoshopの30ピクセルは、他のWindowsプログラム(Macやその他のブラウザでは異なります)やブラウザでは30ピクセルに等しくありません。これは、デフォルトである72よりも異なる解像度でPhotoshopイメージを作成し、ptとpxの間の単位の変更に影響されないことによって影響を受けていないようです。誰もブラウザpxユニットを使用するようにPhotoshopを設定する方法についてヒントを得られますか? alt text http://i40.tinypic.com/24y8lra.jpgPhotoshop pxとOS pxとの比較

+0

ペイントがブラウザのサイズと一致していますか?私はそうではないと思うだろう - ペイントはpxを使うことができない。 –

答えて

6

ペイントドキュメントのフォントサイズは、ピクセルではなくポイントを参照します。 Photoshopのフォントサイズを30ptに変更し、同じサイズにする必要があります。

ポイントは1/72インチで、ピクセル相当値はモニタのDPIによって異なる場合があります。 96 DPIで30pt * 1in/72pt * 96DPI(私の画面解像度)は40ピクセルです。ピクセルをポイントに変換すると、後方に作用するので、30px * 1in/96px * 72pt/1in = 22.5ptになります。

したがって、ペイントのテキストサイズを22.5に変更してください。一致するはずです。

+2

Windowsは通常、モニタの実際の物理DPIに関係なく、モニタに96 DPIを使用します。あなたの画像DPIは、一致させるためにポイントサイズのために一致しなければなりません。しかし、これはまだサイズがHTML/CSSと一致するようにする方法の問題に答えることはできません。 –

+0

問題点はピクセルを点と比較していることです。 2つの間の変換は、画像と画面の両方のdpiに依存します。 –

+0

ここに私の比較を参照してください:(私はこのコンピュータ上でPhotoshopを持っていない、私はそれを使用する)http://kimag.es/share/7986640.png –

1

96 dpiに設定します。

+1

オペレーティングシステムは実際にはモニタの物理的なサイズを調整しません。代わりに、彼らは決議について標準的な推測を行います。 Windowsでは、OSが画面解像度について行う標準推測は96 dpiです。 Mac OSでは標準の推定値は72 dpiです。 –

+2

これは、pxではなく、テキストサイズのポイントを使用する場合にのみ役立ちます。 –