2

Photoshop で作成された Web サイトの仕様が提供されました。特定のピクセルベースのパネル幅と、さまざまなアイテムのさまざまなフォント サイズ (ポイント単位) を提供します。

たとえば、データ グリッドのテキストは 12pt Verdana です。グリッドの幅は 765px です。

ブラウザー (Chrome または IE) で 100% でレンダリングすると、グリッドは予想どおり 765 ピクセルですが、フォントはデザインよりも大きく表示されます (ブラウザーでは約 20 ~ 25% 大きくなります)。

Photoshop の DPI 設定が原因ではないかと考えましたが、どちらかといえば逆の効果があったはずです (Photoshop ドキュメントは 72DPI に設定され、Windows/ブラウザーは 96DPI でレンダリングされます)。

私たちが見落としていることについて何か提案はありますか?Photoshop ファイルは 96DPI でオーサリングする必要がありますか?

4

3 に答える 3

1

これは、Photoshop での pt と px と、代わりに px に変更する方法についての別の議論です。多分それは役立ちます:)

https://stackoverflow.com/questions/3868627/photoshop-pt-size-conversion-to-web

于 2013-02-21T11:08:03.437 に答える
1

Photoshop ドキュメントが 72ppi に設定されていることを確認してください。ブラウザのサイズと一致します。

于 2015-08-21T11:00:01.173 に答える