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. SASSエラー:互換性のない単位:「PX」と「PXの* PXの」
- 2. pxからdpへのPhotoshopデザイン
- 3. SASS - min関数でvhとpxを比較します
- 4. div%widthとpx border
- 5. AppStoreとPlayストアのスクリーンショットサイズpx/ppi
- 6. calc()100%+ #px
- 7. CSS - currentwidth + px
- 8. rem px in Javascript
- 9. sass:vhとpxの間の計算
- 10. px-rem mixinsのベストプラクティス
- 11. イメージの変更px
- 12. パーセント - スタイラスのpx幅
- 13. css line-height:number to px
- 14. ディップユニットないPXユニット
- 15. PHP:more than ..pxのサイズが
- 16. divの高さ:パーセントマイナスpx
- 17. HTMLテーブルのボーダートップ2 px
- 18. css pxまたはremでPhotoshopの文字間隔を計算するには?
- 19. バックグラウンドポジション%をpxに換算
- 20. getheight()pxまたはdpi?
- 21. xpのDpがjava dp-pxの変換と一致しない
- 22. pxの最後のインスタンスにマッチします。 RegExと
- 23. pxよりrathenのjqueryのCSS値は?
- 24. pxとパーセントを使用したHTMLの幅
- 25. スムーズスクロールオフセットに達したときの設定方法幅<480 px
- 26. 相対的な位置は-pxを必要とします
- 27. ∃x.px=> qは∃x(px => q)と等しいか?
- 28. Androidでdipをpxに変換する
- 29. FreeBSDをRELEASE-pXにアップグレードしますか?
- 30. pxを度に変換する
ペイントがブラウザのサイズと一致していますか?私はそうではないと思うだろう - ペイントはpxを使うことができない。 –