字体的大小(pt)和像素(px)如何转换？

PS中字体pt与px之间的关系以及转化~

字体大小的设置单位，常用的有2种：px、pt。这两个有什么区别呢？

先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；

pt就是point，是印刷行业常用单位，等于1/72英寸。

这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，“点”的大小是会“变”的，也称为“相对长度”。

pt全称为point，但中文不叫“点”，查金山词霸可以看到，确切的说法是一个专用的印刷单位“磅”，大小为1/72英寸。所以它是一个自然界标准的长度单位，也称为“绝对长度”。

因此就有这样的说法，pixel是相对大小，而point是绝对大小。



分清“屏幕效果”和“打印效果”：

在浏览网页过程中，所有的“大”“小”概念，都是基于“屏幕”这个“界面”上。“屏幕”上的各种信息，包括文字、图片、表格等等，都会随屏幕的分辨率变化而变化，一个100px宽度大小的图片，在800×600分辨率下，要占屏幕宽度的1/8，但在1024×768下，则只占约1/10。所以如果在定义字体大小时，使用px作为单位，那一旦用户改变显示器分辨率从800到1024，用户实际看到的文字就要变“小”（自然长度单位），甚至会看不清，影响浏览。

那是不是用pt做单位就没这样的问题呢？错！问题同样出现。刚才的例子已经很清楚的说明，在不同分辨率下，无论是px还是pt，都会改变大小。以现在的电脑屏幕情况，还没有一种单位可以保证，在不同分辨率下，一个文字大小可以“固定不变”。因为这很难以实现也不是很有必要：全球电脑用户以亿来数，屏幕从14寸到40寸甚至更高都有，屏幕大小不同，分辨率也不同，要保证一个字体在所有用户面前大小一样，实在是MISSION IMPOSSIBLE。另外，电脑有其自身的调节性。

那在页面设计中到底是用px还是pt呢？

我认为，这个并没有什么原则性差异，就看自己处于什么角度思考了。

Mac机怎么情况不清楚，在Windows里，默认的显示设置中，把文字定义为96DPI（PPI，微软都将DPI和PPI混为一体，我们也就无须较真了）。这样的定义，说明了：1px＝1/96英寸。联系pt的概念，1pt＝1/72英寸，可以得出，在这样的设置中，1px＝0.75pt，常见的宋体9pt＝12px。在显示器分辨率不变的基础上（比如现在常用的1024×768），1px大小也就固定不变，改变显示设置，调整为144DPI，可以得出，1px＝0.5pt，常见的宋体9pt＝18px。原先用12px来组成的一个文字，现在需要18px来组成，px多了，文字就“大”了，更易阅读了。

所以，px和pt的使用区别，只有当用户改变默认的96DPI下才会产生：使用px定义文字，无论用户怎么设置，都不会改变大小；使用pt定义文字，当用户设置超过96DPI的值，数值越大，字体就越大。

　　（附公式：px = pt * DPI / 72) 对了，刚才还提到改变浏览器中文字大小的选项，也可以改变网页的文字大小。但在这种情况下，使用px和pt都是无效的，因为这2个都是有实际“pixel”数值的单位，比如9pt是12px，大小固定。这里要引用新的单位：em，其实就是％。因为当网页中的字体没有给出实际的px或pt定义的话，会有一个默认值：12pt即16px，对应浏览器中“字体大小”中的“中等”，以这个为标准，变大或缩小。（只适用于IE，在FF中，即便定义px或pt也都可以变大变小）

所以，从这个概念上看，em才是真正的“相对单位”（百分比嘛，当然是相对），而px和pt都是绝对单位（都有固定值）。

在网页设计中，面向用户的屏幕的基本单位是px，因此使用px作为单位是最简单也最容易理解的，而pt也不过是通过了Windows的设置乘上了一个比率转变成px再显示，算是绕了个圈子。参考大部分大型网站，包括Adobe和Microsoft，都是使用px作为单位，而且在HTML中，默认的单位就是px，是不是也暗示着px是网页设计的“内定单位”？

　　但在Word或Photoshop中，使用pt就相当方便。因为使用Word和Photoshop的主要目的都不是为了屏幕浏览，而是输出打印。当打印到实体时，pt作为一个自然长度单位就方便实用了：比如Word中普通的文档都用“宋体 9pt”，标题用“黑体 16pt”等等，无论电脑怎么设置，打印出来永远就是这么大。又或者在Photoshop中，设置一个图片中的某个艺术效果的字体是72pt大小，然后分别将这张图片设为300DPI和72DPI，再打印出来，就可以看出，这2个字体大小完全一样，只是“清晰度”不同，300DPI更清晰。这是毫无疑问的结果。

　　最后整理一下所有出现过的单位：

　　px：pixel，像素，屏幕上显示的最小单位，用于网页设计，直观方便；

　　pt：point，是一个标准的长度单位，1pt＝1/72英寸，用于印刷业，非常简单易用；

　　em：即％，在CSS中，1em＝100％，是一个比率，结合CSS继承关系使用，具有灵活性。

　　PPI（DPI）：pixel（dot）per inch，每英寸的像素（点）数，是一个率，表示了“清晰度”，“精度”



PX和PT转换的公式：

以前在文章中介绍过PX和PT的转换规则，其实很简单，pt=px乘以3/4。

比如12px×3/4=9pt大小。

PX和em转换的公式：

对于PX转em的方法也类似，就是em=16乘以px，也就是说1.5em=1.5×16=24px。

px:相对长度单位。像素（Pixel）。
pt:绝对长度单位。点（Point）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc

具体换算是：
Points Pixels Ems Percent
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%

像素与毫米的转换
转换还需要知道另一个参数：DPI（每英寸多少点）
象素数 / DPI = 英寸数
英寸数 * 25.4 = 毫米数
对于显示设备，不管是打印机还是屏幕，都有一种通用的方法
先用GetDeviceCaps(设备句柄，LOGPIXELSX)
或者
GetDeviceCaps(设备句柄，LOGPIXELSY)获得设备每英寸的像素数
分别记为：px 和 py
一英寸等于25.4mm
那么毫米换算成像素的公式为
水平方向的换算： x * px /25.4
垂直方向的换算： y * py /25.4
像素换算为毫米 x * 25.4 / px
在程序中这么写
MyControl.Height := 10{mm} * PixelsPerInch * 10 div 254;
分子和分母同乘以10，将浮点数运算转化为整数运算，效率更高

常用的1024x768或800x600等标准的分辨率计算出来的dpi是一个常数：96，因此计算出来的毫米与像素的关系也约等于一个常数：
基本上 1毫米 约等于 3.78像素

 英文字体的1磅，相当于1/72 英寸，约等于1/2.8mm。

12PT的字打印出来约为4.2mm。

网页中12px的字才相当于12像素。

虽然 四号=(14/72)*96=18.6px 更接近 19px，但是因为 18px 是点阵，所以系统还是优先显示点阵字号的。

换句话说：四号=18px

扩展资料

中文字号VS英文字号(磅)VS像素值的对应关系如下：

八号＝5磅(7px) ==(5/72)*96=6.67 =6px

七号＝5.5磅 ==(5.5/72)*96=7.3 =7px

小六＝6.5磅 ==(6.5/72)*96=8.67 =8px

六号＝7.5磅 ==(7.5/72)*96=10px

小五＝9磅 ==(9/72)*96=12px

五号＝10.5磅 ==(10.5/72)*96=14px

小四＝12磅 ==(12/72)*96=16px

四号＝14磅 ==(14/72)*96=18.67 =18px

小三＝15磅 ==(15/72)*96=20px

三号＝16磅 ==(16/72)*96=21.3 =21px

小二＝18磅 ==(18/72)*96=24px

二号＝22磅 ==(22/72)*96=29.3 =29px

小一＝24磅 ==(24/72)*96=32px

一号＝26磅 ==(26/72)*96=34.67 =34px

小初＝36磅 ==(36/72)*96=48px

初号＝42磅 ==(42/72)*96=56px

 

初号=42磅=14.82毫米

小初=36磅=12.70毫米

一号=26磅=9.17毫米

小一=24磅=8.47毫米

二号=22磅=7.76毫米

小二=18磅=6.35毫米

三号=16磅=5.64毫米

小三=15磅=5.29毫米

四号=14磅=4.94毫米

小四=12磅=4.23毫米

五号=10.5磅=3.70毫米

小五=9磅=3.18毫米

六号=7.5磅=2.56毫米

小六=6.5磅=2.29毫米

七号=5.5磅=1.94毫米

八号=5磅=1.76毫米

 

1磅约等于0.03527厘米

1厘米约等于28.35磅

px:相对长度单位。像素（Pixel）。
pt:绝对长度单位。点（Point）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc

具体换算是：
Points Pixels Ems Percent
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%

像素与毫米的转换
转换还需要知道另一个参数：DPI（每英寸多少点）
象素数 / DPI = 英寸数
英寸数 * 25.4 = 毫米数
对于显示设备，不管是打印机还是屏幕，都有一种通用的方法
先用GetDeviceCaps(设备句柄，LOGPIXELSX)
或者
GetDeviceCaps(设备句柄，LOGPIXELSY)获得设备每英寸的像素数
分别记为：px 和 py
一英寸等于25.4mm
那么毫米换算成像素的公式为
水平方向的换算： x * px /25.4
垂直方向的换算： y * py /25.4
像素换算为毫米 x * 25.4 / px
在程序中这么写
MyControl.Height := 10{mm} * PixelsPerInch * 10 div 254;
分子和分母同乘以10，将浮点数运算转化为整数运算，效率更高

常用的1024x768或800x600等标准的分辨率计算出来的dpi是一个常数：96，因此计算出来的毫米与像素的关系也约等于一个常数：
基本上 1毫米 约等于 3.78像素

---

沙雅县14750859228： 字体的大小(pt)和像素(px)如何转换? - ？
宗圣秀喜络： px:相对长度单位.像素(Pixel). pt:绝对长度单位.点(Point). 1in = 2.54cm = 25.4 mm = 72pt = 6pc 具体换算是: Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt ...

沙雅县14750859228： 在html中设置字体大小的时候单位pt是什么意思? - ？
宗圣秀喜络： pt是点数,一种比像素(px)略大的衡量字体大小的单位.也就是说12pt的字要比12px(像素)要大.

沙雅县14750859228： 在html中＂Pt＂和＂Px＂分别表示什么? - ？
宗圣秀喜络： pt——点.一般为网页中标识字体的单位. px——象素.一般也为网页中标识字体的单位. 两种关系:一英寸=72pt(点)=96px(像素),网页中最常用到的:9pt=12px. 在Flash中一般也是字体的常用标识单位.

沙雅县14750859228： Microsoft Word 里的字号单位是 px 还是 pt? - ？
宗圣秀喜络： 是pt. 第一、px即pixel,像素,它是屏幕上显示数据的最基本的点;而pt即point,它是印刷行业常用单位,等于1/72英寸. 第二、具体的来说,px不是自然界的长度单位,因为它可以画得很小,也可以很大.如果点很小,画面就清晰,分辨率就高.反之,分辨率就低.所以,像素的大小是会“变”的,也称为“相对长度”.pt 的全称虽为point,但确切的说法是一个专用的印刷单位“磅”,大小为1/72英寸.所以它是一个自然界的标准长度单位,也称为“绝对长度”. 因此在网页设计和软件应用中,pixel是相对大小,而point是绝对大小.

沙雅县14750859228： 在html里 pt 和px的区别是? - ？
宗圣秀喜络： pt和px的区别是: 1、px就是表示pixel,像素,是屏幕上显示数据的最基本的点.而pt就是point,是印刷行业常用单位,等于1/72英寸. 2、px是一个点,它不是自然界的长度单位可以画的很小,也可以很大.如果点很小,那画面就清晰,我们...

沙雅县14750859228： css中font - size的单位px和pt有什么区别? - ？
宗圣秀喜络： px:pixel,像素,屏幕上显示的最小单位,主要用于网页设计,同样px的元素在不同分辨率的显示器中会呈现为不同的大小; pt:point,是一个标准的长度单位(一般音译为磅),1pt=1/72英寸,主要用于印刷业,同样pt的元素在不同的打印机中打印出来大小都是一样的.

沙雅县14750859228： px,dp,dip,dpi,sp 等到底有什么联系区别 - ？
宗圣秀喜络： dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不依赖像素. px: pixels(像素). 不同设备显示效果相同,一般我们HVGA代表320...

沙雅县14750859228： 在Dreamweaver制作中.. 相素PX 点数PT 有什么区别?？
宗圣秀喜络： px 和 pt 只是 DW中两种字体大小的单位! 一般网页 字体大小用9pt或者12px.

沙雅县14750859228： Android中dip,dp,sp,pt和px的区别详解 - ？
宗圣秀喜络： 以下是我以前的学习笔记,有问题,欢迎追问.在安卓中,用户界面可以在xml文件中创建或在在代码中实现.有几种单位可以用来表示一个表单的长宽.它们可以用在很多元素上来设定宽、高、外间距、内间距等等.px——屏幕上真实的像素...

沙雅县14750859228： 在CSS样式表中,我们经常会看到pt, px,em,ex,in等这类长度单位.它们各是什么意思,有什么区别呢?？
宗圣秀喜络： px 像素(Pixel)是相对长度单位,像素px是相对于显示器屏幕分辨率而言的 em 是相对长度单位,相对于当前对象内文本的字体尺寸.如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸. pt 单位名称为点(Point),绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用. em与px换算 任意浏览器的默认字体高度16px(16像素).所有未经调整的浏览器都符合: 1em=16px.那么12px=0.75em,10px=0.625em. 参考资料:css长度单位px、em、pt http://www.studyofnet.com/news/402.html