做了几个移动端的项目之后,深感移动端尺寸换算的必要性,在此做个总结。

先介绍下各自的定义:

px:pixel,像素,电子屏幕上组成一幅图画或照片的最基本单元

pt: point,点,印刷行业常用单位,等于1/72英寸

ppi: pixel per inch,每英寸像素数,该值越高,则屏幕越细腻

dpi: dot per inch,每英寸多少点,该值越高,则图片越细腻

dp: dip,Density-independent pixel, 是安卓开发用的长度单位,1dp表示在屏幕像素点密度为160ppi时1px长度

sp: scale-independent pixel,安卓开发用的字体大小单位。

以下是换算关系:

一、pt和px

公式一: 1pt= (DPI / 72) px

当photoshop中新建画布的分辨率为72ppi( 即 72dpi时 ), 1pt=1px; 当新建画布分辨率为72*2=144ppi时,1pt=2px

二、ppi和dpi

dpi最初用于衡量打印物上每英寸的点数密度。DPI值越小图片越不精细。当DPI的概念用在计算机屏幕上时,就应称之为ppi。同理: PPI就是计算机屏幕上每英寸可以显示的像素点的数量。因此,在电子屏幕显示中提到的ppi和dpi是一样的,可认为

公式二:dpi=ppi

三、ppi计算方法

ppi是指屏幕上的像素密度,其计算方法为:

公式三: ppi= 屏幕对角线上的像素点数/对角线长度 = √ (屏幕横向像素点^2 + 屏幕纵向像素点^2)/对角线长度

以小米2s为例,该屏幕分辨率为720px*1280px,4.3英寸。则点密度为 √ (720^2 +1280^2) /4.3 = 342ppi。

四、px和dp

dp为安卓开发时的长度单位,根据不同的屏幕分辨率,与px有不同的对应关系。

安卓端屏幕大小各不相同,根据其像素密度,分为以下几种规格:

1dp定义为屏幕密度值为160ppi时的1px,即,在mdpi时,1dp = 1px。 以mdpi为标准,这些屏幕的密度值比为:ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 : 1 : 1.5 : 2 : 3;即,在xhdpi的密度下,1dp=2px;在hdpi情况下,1dp=1.5px。其他类推。

公式四: 1dp=(屏幕ppi/ 160)px

以WVGA屏为例,该屏幕为480px*800px,按3.8寸屏算,点密度 √ (480^2 + 800^2) / 3.8 = 245,约等于240,对应于hdpi屏幕,所以该屏幕1dp=1.5px

五、dp和sp

dp和sp都是安卓的开发单位,dp是长度单位,sp是字体单位。sp与dp类似,但是可以根据用户的字体大小首选项进行缩放。Android系统允许用户自定义文字尺寸大小(小、正常、大、超大等等),

公式五:当文字尺寸是“正常”时1sp=1dp,而当文字尺寸是“大”或“超大”时,1sp>1dp。

一般情况下可认为sp=dp。

总结:由于做设计时以xhdpi为模板,xhdpi条件下,1dp=2px。若新建画布时,将画布分辨率设为144ppi,则1pt=2px=1dp。此时,即可将pt等同于dp。标注长度的时候,将长度像素除以2即为dp值。

PS:在photoshop cc中切图时,可直接在.png 图片图层名称前加上200%获得2倍大小的图,其他比例的切图以此类推。输出的两倍图不模糊的前提是,该图是photoshop中用形状工具画出来的未被栅格化的图形,而不是已被栅格化的图层或外部导入的图片。

#专栏作家#

Snow,微信公众号:用户体验报告。人人都是产品经理专栏作家,东南大学工业设计研究生,每周更新一篇原创产品体验报告,分析产品设计体验的好坏,以此进步。愿与大家共同进步。

本文系作者授权发布,未经许可,不得转载。

dpi和ppi换算_八一八那些px、pt、ppi、dpi、dp、sp之间的关系相关推荐

  1. [css] ui设计中px、pt、ppi、dpi、dp、sp之间的关系?

    [css] ui设计中px.pt.ppi.dpi.dp.sp之间的关系? QQ20150717160352 做了几个移动端的项目之后,深感移动端尺寸换算的必要性,在此做个总结. 先介绍下各自的定义: ...

  2. dpi和ppi换算_屏幕尺寸,分辨率,像素,ppi,dpi的关系

    前言 下图是苹果官方对iPhone 机型的介绍: 拿iPhone7 Plus来说: 屏幕尺寸:5.5英寸 手机分辨率(像素):1920 (高)x 1080(宽) PPI:401 概念说明 屏幕尺寸:表 ...

  3. dpi和ppi换算_区分DPI、分辨率(PPI)、图像的物理大小、像素宽度

    分辨率都知道,越高越清晰. 一.描述分辨率的单位有: dpi(点每英寸).lpi(线每英寸)和ppi(像素每英寸).但只有lpi是描述光学分辨率的尺度的.虽然dpi和ppi也属于分辨率范畴内的单位,但 ...

  4. 1ppi等于多少dpi_Android开发之显示篇(弄懂ppi、dpi、pt、px、dp、dip、sp之间的关系只需这一篇)...

    概述 前段时间看了小米8的发布会,其中屏幕参数是如下介绍的: 小米8采用6.21英寸的三星AMOLED屏幕,分辨率为2248x1080,402 PPI ,纵横比是18.7:9,屏占比为86.68%,最 ...

  5. Android开发之显示篇(弄懂ppi、dpi、pt、px、dp、dip、sp之间的关系看这一篇就够了)

    版权申明]非商业目的注明出处可自由转载 博文地址:https://blog.csdn.net/ShuSheng0007/article/details/85165773 出自:shusheng007 ...

  6. 弄懂ppi、dpi、pt、px、dp、dip、sp之间的关系

    基本概念: 屏幕的像素与图片的像素是一回事吗? 屏幕的分辨率和图片的分辨率是同一回事吗,分别代表什么,二者什么关系? PPI 和DPI 是一回事吗,什么关系? pt与px什么关系? Android中的 ...

  7. 毫米和像素怎么换算_将mm换算为px (毫米换算为像素)

    将毫米换算为像素 (mm换算为px):从选择列表中选择正确的类别, 在本例中为'字体大小 (CSS)'. 然后输入您要转换的值. 基礎算術操作:加法 (+).減法 (-).乘法 (*, x).除法 ( ...

  8. 查看dataloader的大小_一文弄懂Pytorch的DataLoader, DataSet, Sampler之间的关系

    以下内容都是针对Pytorch 1.0-1.1介绍. 很多文章都是从Dataset等对象自下往上进行介绍,但是对于初学者而言,其实这并不好理解,因为有的时候会不自觉地陷入到一些细枝末节中去,而不能把握 ...

  9. 蓝牙怎么区分单模和双模_小院闲聊#01#——蓝牙的发展和不同蓝牙之间的关系...

    蓝牙商标的来源 Bluetooth(蓝牙)一词是斯堪的纳维亚语中 Blåtand / Blåtann (即古挪威语blátǫnn) 的一个英语化版本,该词是十世纪的一位丹麦国王HaraldBlueto ...

最新文章

  1. Centos6.2上做nginx和tomcat的集成及负载均衡(已实践)
  2. vivado的综合与实现策略怎样设置
  3. 新建指令避开 Avalon 的 ms-duplex 的问题
  4. 三次样条插值 实验_【科普】理解数字图像插值(二)
  5. Java集合—HashMap底层原理
  6. 搞懂这些SQL优化技巧,面试横着走
  7. origin三元相图_扩增子图表解读7三元图:三组差异数量和关系
  8. [No0000BC]ADO.NET中的几个主要对象
  9. C++读写注册表的问题
  10. 算法 之 栈的简单讲解
  11. uniapp和原生开发区别_web app和原生app有什么区别?
  12. windows编译librtmp
  13. 文本聚类算法 python_文本聚类算法之K-means算法的python实现
  14. word按标题自动生成序号
  15. ui 名前空間の Aura コンポーネントの廃止
  16. JavaSE--day01(基础知识)
  17. 拍视频到底用手机还是相机好?
  18. 计算机网络-常用英文简写与名词解释
  19. 【数据结构】二叉树的节点总个数、叶子节点个数、第K层节点个数、二叉树的深度
  20. BZOJ4180: 字符串计数 SAM+矩阵乘法

热门文章

  1. 【学习笔记】Linux 系统编程入门
  2. 海思 Hi3559V200 WIFI STA Mode 开发配置
  3. mysql动态规划_关于动态规划的描述,不正确的是( )
  4. Mr. Ms. Mrs. Miss 的区别
  5. 周志明虚拟机最新版,大厂面试必备宝典
  6. 北大计算机博士有多难考,我是怎样考上北大博士的
  7. 自考计算机还是商务英语,自考本科报商务英语怎么样
  8. 百度快速收录技巧总结
  9. 清除IE浏览器input后面的删除图标
  10. 取汉字拼音首字母--生成不重复ID(汉字--拼音--首字母)