Photoshop pxとOS px

Question

Photoshopファイルとして指定されたWebデザインをhtml + cssに変換しているときに、フォントサイズに混乱しました。下の画像に見られるように、Photoshopの30ピクセルは、他のWindowsプログラム（Macまたは他のユーザーで異なる？）、またはブラウザーの30ピクセルとは異なります。これは、デフォルトの72とは異なる解像度でphotoshopイメージを作成しても影響を受けないようで、ptとpxの間の単位の変更による影響は受けません。誰もがブラウザのpxユニットを使用するようにphotoshopを設定する方法を示唆できますか？

Answer 1

ペイントドキュメントのフォントサイズは、ピクセルではなくポイントを指します。 photoshopのフォントサイズを30ptに変更すると、同じサイズになります。

ポイントは1/72インチで、ピクセルに相当するものはモニターのDPIに依存します。 96 DPIの場合、30pt * 1in / 72pt * 96DPI（画面解像度）は40pxです。ピクセルをポイントに変換するには逆方向に機能するため、30px * 1in / 96px * 72pt / 1in = 22.5pt。

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

Answer 2

96 dpiに設定します。