西西软件下载最安全的下载网站、值得信赖的软件下载站!

首页西西教程photoshop → PS中字体pt与px之间的关系以及转化

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

前往专题相关软件相关文章发表评论 来源:西西整理时间:2012/11/29 22:32:03字体大小:A-A+

作者:西西点击:0次评论:0次标签: 字体

  • 类型:英文字库大小:77KB语言:英文 评分:4.1
  • 标签:
立即下载

通常,设计网页时,字体一般会使用像素(px)或者倍数(em)。某一天开始重构页面,用PS打开设计师给过来的稿子,打开PS开始切图,在查看文字时,发现字体大小是用pt来设置的,⊙﹏⊙b汗,如下图:

了解pt和px是如何转换的,百度后整理出来的资料如下:

px就是表示pixel,像素,是屏幕上显示数据的最基本的点;

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

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

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

pixel是相对大小,而point是绝对大小

px是以屏幕象素为单位。

pt是以1/72英寸为单位

计算公式如下:

那么1px = 1pt * 图像分辨率/72 

此时我们可以把设计稿的每个pt单位换算为px,如果设计稿中的文字比较少,那还好计算,如果多呢?

其实不用那么麻烦,这里介绍一个简单的解决办法:

打开PS首选项——编辑,选择单“位与标尺”,如下界面:

选择后出现如下界面,选择像素即可

这样就可以把设计稿中的pt单位转换为px了,清楚地看到页面文字的像素

    相关评论

    阅读本文后您有什么感想? 已有人给出评价!

    • 8 喜欢喜欢
    • 3 顶
    • 1 难过难过
    • 5 囧
    • 3 围观围观
    • 2 无聊无聊

    热门评论

    第 1 楼 北京开心网 网友 客人 发表于: 2012/12/24 17:45:21
    貌似会存在问题吧。 PS里的PT和PX显示的都是一样大小的,而网页中的pt和px单位,显示出来却不一样大小。即,当用PS里面的文字单位转换功能转换好单位之后,之前设置的12pt的文字还是会显示12pt,但如果网页中的CSS照着此数字设置了之后却会发现显示出来的效果其实并不一样。

    支持( 0 ) 盖楼(回复)

    最新评论

    第 1 楼 北京开心网 网友 客人 发表于: 2012/12/24 17:45:21
    貌似会存在问题吧。 PS里的PT和PX显示的都是一样大小的,而网页中的pt和px单位,显示出来却不一样大小。即,当用PS里面的文字单位转换功能转换好单位之后,之前设置的12pt的文字还是会显示12pt,但如果网页中的CSS照着此数字设置了之后却会发现显示出来的效果其实并不一样。

    支持( 0 ) 盖楼(回复)

    发表评论 查看所有评论(0)

    昵称:
    表情: 高兴 可 汗 我不要 害羞 好 下下下 送花 屎 亲亲
    字数: 0/500 (您的评论需要经过审核才能显示)