2009-06-16 27 views
4

在将作为photoshop文件给出的网页设计转换为html + css时,我对字体大小感到困惑。从下面的图片可以看出,photoshop中的30 px在其他Windows程序(不同于Mac或其他版本?)或浏览器中不等于30 px。这似乎不受创建不同分辨率的photoshop图像影响,这是默认的72,不受pt和px之间单位变化的影响。任何人都可以提示如何设置Photoshop使用浏览器PX单位? alt text http://i40.tinypic.com/24y8lra.jpgPhotoshop px与操作系统px

+0

您是否发现Paint匹配浏览器中的大小?我认为它不会 - Paint不能使用px。 – 2009-06-16 17:41:09

回答

6

绘制文档中的字体大小是指点而不是像素。将photoshop中的字体大小更改为30pt,并且它们的大小应该相同。

一个点是1/72英寸,像素等效值可以取决于显示器的DPI。在96 DPI 30pt * 1in/72pt * 96DPI(我的屏幕分辨率)是40px。要将像素转换为点向后工作,以便30px * 1in/96px * 72pt/1in = 22.5pt。

因此,将绘图文本大小更改为22.5,他们应该匹配。

1

将其设置为96 dpi。

+1

操作系统实际上并未校准显示器的物理尺寸。相反,他们会对分辨率进行标准猜测。在Windows上,操作系统对屏幕分辨率的标准猜测是96 dpi。在Mac OS上,标准猜测是72 dpi。 – 2009-06-16 17:38:18

+2

这只会帮助如果使用点的文字大小,而不是px。 – 2009-06-16 17:40:07