AI/Ps/Photoshop 字体大小点/PT 与网页字体PX像素大小转换

编程教程 > WEB > JavaScript (3) 2025-06-06 16:12:21

1 pt = 1 / 72 Inch 是数字排版中对 pt 这个单位的定义。所以,无论是在 PS、AI 还是 ID 中,1 pt 对应的物理长度单位都是一样的。

AI 在设计中默认采用 72 Pixels / Inch, 所以,1 px = 1pt, 无论是使用网页模板还是印刷模板。而因为 AI 是矢量软件,所以 1 px 在画板中也是「可再分」的,仅在最后导出位图、并选择 72 PPI 作为导出分辨率时,才有生成图像的 1 px 等于设计时的 1 px; 否则,使用之前 pt 与 px 的换算公式进行转换。

 

换算公式:

网页字体大小 = (PPI/72) * PT

示例:

Photoshop 字体大小:12  pt(点)

Photoshop 图片分辨率(PPI):300 像素/英寸

计算结果

let ppi = 300;
let pt = 12
let fontSize = (ppi/72) * pt;
//(网页字体大小)fontSize - 50 px

 


评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
1 pt = 1 / 72 Inch 是数字排版中对 pt 这个单位的定义。所以,无论是在 PS、AI 还是 ID 中,1 pt 对应的物理长度单位都是一样的。
MySQL查询中null转0
PS界面初始化1、新建设置      web设计的基础标准:宽度为1920px,高度自定义,分辨率72px,背景模式RGB 8位
硬盘MBR分区转GPT分区/GPT分区转MBR分区,采用命令PE也支持
JavaScript集合(Array)转树(tree)结构js 原生数组转树形结构 /** * 将list装换成tree * @param {Object} myId 数据主键id * ...
MySQL分类统计后纵表转横表
spring mvc项目是spring的一个子项目用于处理视图层的请求,类似Struts框架。302跳转很简单:@RequestMapping(value =
jquery模拟点击事件写法//语法:$(selector).trigger("click");$('#test).trigger("click"); over
简介本文如题将会讲解如何将图片简单的方式转换为PDF文件,以及如何将多张图片转换成一个PDF文件的方法讲解
一、前言1、SSO说明SSO英文全称Single Sign On,单点登录
java json字符串转对象_json转换为java对象_ json字符串转对象数组
问题描述之前使用shiro时候遇到没有登录HTTPS被跳转到了HTTP,导致使用问题。之前通过nginx方式解决,参考:Shiro Https 跳转Http问题
MyBatis generator 表名/字段名下划线转驼峰,Spring Boot 2.0 整合MyBatis generator 表名/字段名下划线转驼峰 idea上的配置
CKeditor5 默认情况下的fontsize组件是小号默认大号特大号这种,没有具体的字体大小px单位选择,有些时候需要配置。故而对默认配置进行了修改。配置方式如下: C...
坐标原点位于左上角,以像素为单位横坐标为x坐标,正方形水平向右,表示当前位置为水平方向,距离坐标原点x个像素;纵坐标为y坐标,正方形垂直向下,表示当前位置为垂