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との比較
答えて
ペイントドキュメントのフォントサイズは、ピクセルではなくポイントを参照します。 Photoshopのフォントサイズを30ptに変更し、同じサイズにする必要があります。
ポイントは1/72インチで、ピクセル相当値はモニタのDPIによって異なる場合があります。 96 DPIで30pt * 1in/72pt * 96DPI(私の画面解像度)は40ピクセルです。ピクセルをポイントに変換すると、後方に作用するので、30px * 1in/96px * 72pt/1in = 22.5ptになります。
したがって、ペイントのテキストサイズを22.5に変更してください。一致するはずです。
Windowsは通常、モニタの実際の物理DPIに関係なく、モニタに96 DPIを使用します。あなたの画像DPIは、一致させるためにポイントサイズのために一致しなければなりません。しかし、これはまだサイズがHTML/CSSと一致するようにする方法の問題に答えることはできません。 –
問題点はピクセルを点と比較していることです。 2つの間の変換は、画像と画面の両方のdpiに依存します。 –
ここに私の比較を参照してください:(私はこのコンピュータ上でPhotoshopを持っていない、私はそれを使用する)http://kimag.es/share/7986640.png –
96 dpiに設定します。
オペレーティングシステムは実際にはモニタの物理的なサイズを調整しません。代わりに、彼らは決議について標準的な推測を行います。 Windowsでは、OSが画面解像度について行う標準推測は96 dpiです。 Mac OSでは標準の推定値は72 dpiです。 –
これは、pxではなく、テキストサイズのポイントを使用する場合にのみ役立ちます。 –
- 1. pxからdpへのPhotoshopデザイン
- 2. div%widthとpx border
- 3. rem px in Javascript
- 4. calc()100%+ #px
- 5. イメージの変更px
- 6. ディップユニットないPXユニット
- 7. divの高さ:パーセントマイナスpx
- 8. PHP:more than ..pxのサイズが
- 9. getheight()pxまたはdpi?
- 10. pxよりrathenのjqueryのCSS値は?
- 11. 相対的な位置は-pxを必要とします
- 12. pxを度に変換する
- 13. Androidでdipをpxに変換する
- 14. CSS em対px(丸め誤差)
- 15. ブーストスレッドが失敗するBOOST_ASSERT(px!= 0);
- 16. Flash CS4でPTからPXへのフォント値の変更
- 17. ブラウザと同じ次元のCSS div未満30 pxの幅と高さ
- 18. Googleアナリティクスとリアルタイムアナリティクスの比較:ChartbeatとClickyとMixpanelの比較
- 19. divが特定のPXに達したときのイベントを焼きます。
- 20. カウントループと比較
- 21. コピーデータと比較
- 22. 比較条件と比較条件
- 23. ダイナミックデータで100%の高さを0 pxとして計算する方法
- 24. HTMLテーブルがIEの変数px幅として表示される
- 25. OrElseとの比較
- 26. MySQLの比較と '%'
- 27. ViewStateとクッキーとの比較対キャッシュの比較
- 28. BufferedOutputStreamとByteArrayOutputStreamとの比較
- 29. IDeserializationCallbackとOnDeserializedAttributeとの比較
- 30. iosとjsonとの比較
ペイントがブラウザのサイズと一致していますか?私はそうではないと思うだろう - ペイントはpxを使うことができない。 –