博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【原】设计稿中字体pt与px之间的转化
阅读量:7121 次
发布时间:2019-06-28

本文共 631 字,大约阅读时间需要 2 分钟。

通常,设计网页时,字体一般会使用像素(px)或者倍数(em)。某一天开始重构页面,用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了,清楚地看到页面文字的像素

作者:白树

出处:

转载地址:http://shsel.baihongyu.com/

你可能感兴趣的文章
phpstudy for linux版环境安装
查看>>
MinGW GCC 7.1.0 2017年6月份出炉啦
查看>>
二叉树的实现(Java语言描述)
查看>>
Json Datable Convert
查看>>
微信小程序制作-随笔4
查看>>
adt 22.6出现的问题
查看>>
Struts2(补充)
查看>>
Linux文件系统的目录结构详解
查看>>
MySQL server PID file could not be found!
查看>>
洛谷 P3049园林绿化 题解
查看>>
eclipse New菜单项的显示问题
查看>>
python3常用内置函数总结
查看>>
二分法在生活中的一次应用
查看>>
iOS7新特性的兼容性处理方法 之三
查看>>
转载:Python正则表达式
查看>>
UVA10140 Prime Distance
查看>>
.NET深入 c#数据类型2
查看>>
DIV+CSS颜色边框背景等样式
查看>>
HDU 1018 Big Number【斯特林公式/log10 / N!】
查看>>
nefu 115
查看>>