博主 [DTcode7] 带您 溺亖在知识的海洋里，嘿嘿嘿.~
🐒 个人主页—— DTcode7 的博客🐒《微信小程序相关博客》
《Vue相关博客》
《前端开发习惯与小技巧相关博客》
《AIGC相关博客》《photoshop相关博客》
😚 吾辈才疏学浅，摹写之作，恐有瑕疵。望诸君海涵赐教。望轻喷，嘤嘤嘤 🙈
🕍 愿斯文对汝有所裨益，纵其简陋未及渊博，亦足以略尽绵薄之力。倘若尚存阙漏，敬请不吝斧正，俾便精进！
先说两者的重点：
- dpi是印刷图像时候用的，ppi是设计图像时候用的
- dpi：【点/英寸】 是印刷计量单位，是每英寸上所印刷的【墨点数】，打印图片一般300dpi左右，代表打印的解析度。
- ppi：【像素/英寸】是屏幕上像素密的度单位，也叫【像素密度】，图像ppi值越高，画面的细节就越丰富，因为一英寸线段长度上有的【像素点】更多，也就是单位面积的像素数量更多了。Ps一般默认72ppi，代表按像素构成文件处理分辨率。
- ppi越低，屏幕上图片显示的越大（模糊），ppi越高，屏幕上图片显示的越小（清晰）
- DPI越大，每英寸打印的像素点越多，打印出来的效果越细腻，越清晰
1、PPI 【像素/英寸】
1.1PPI的计算
计算公式：PPI = 图上距离含的像素量 / 图上距离
举个例子：此手机屏幕尺寸为：5.5英寸，屏幕分辨率为：1920x1080的像素，我们来计算其PPI数值。
屏幕的尺寸是屏幕对角线的长度（英寸），PPI是指一英寸上的像素数量，所以，我们要计算屏幕对角线上的像素数量，然后再除以屏幕尺寸，就得到了PPI值
根据勾股定理，横向的1080像素、纵向的1920像素，计算得到对接线的像素量大约为2203个
PPI = 图上距离含的像素量 / 图上距离 ====> 2203 / 5.5 ≈ 401
当然了，上面使用对角线来计算PPI并不是唯一的方法，只是一般市面上常提供对角线英寸数值，比较方便获取到。如果你知道了屏幕横向的英寸值，也完全可以直接使用 【横向的像素/屏幕横向英寸】来计算屏幕PPI。
例如，查询官网可知，iphone6Plus的横向英寸值约为：2.7英寸，而且其横向的像素量为1080px（像素）。
所以，1080 / 2.7 ≈ 401ppi 也能计算得到。
1.2相同屏幕尺寸下，越小的ppi，屏幕上图像显示的越大；越大的ppi，屏幕上显示的图像越小
我们可以看到，这个铅笔图标在不同的手机屏幕上显示出来的效果是不一样的，可以想象一下不同的手机打开同一个应用，经常也会出现按钮的尺寸相差很大的情况。【手机1：一英寸上有217个像素块，手机2：一英寸上有342个像素块，同样长度的一英寸，容纳的像素块数量不一样，当然是像素块被压缩小了才能在一英寸上容纳更多的像素块】
出现这种情况的原因，是因为图片在屏幕上显示大小是由【像素数和屏幕尺寸的比值】，也就是像素/英寸（PPI）来决定的。
- 越大的ppi————>单位英寸上的像素点数量更多更密集————>图像展示到屏幕上时，每个像素点之间的间隔就越小，所以屏幕上图像显示的越小（下图左）
- 越小的ppi————>单位英寸上的像素点数量更少更松散————>图像展示到屏幕上时，每个像素点之间的间隔就越大，所以屏幕上图像显示的越大（下图右）
屏幕的清晰程度其实是分辨率和尺寸大小共同决定，所以用ppi指数衡量屏幕清晰程度比较准确
1.3如果想要让不同屏幕显示图片的大小相同，那就需要对图片进行缩放，给高ppi屏幕提供更大的图片，给低ppi屏幕提供更小的图片。
举例：假设这个铅笔图片在第一个屏幕（217ppi）下的显示分辨率为50px*80px，想要让这个图标在另外2个PPI的屏幕下显示的跟第一个屏幕中的效果一样大。
根据公式：px1/px2=ppi1/ppi2
计算得到未知数X（不同ppi屏幕下的铅笔图片分辨率）：
这样，就能知道在不同ppi屏幕下，想要显示的一样大的图片，该使用多大的图片分辨率了。
题外话：
我们电脑，可以看到有个推荐分辨率：
意思是系统给你推荐的是1366px*768px的分辨率，意味着：微软在这块屏幕上横向设置了768个像素块，竖向设置了1366个像素块。再怎么拉扯，这个像素块是不会变了。
那么，为啥我还能调整分辨率呢？我要是调整到800px*600px，按照定义，横向就是600个像素，竖向就是800个像素了啊。其实呢，你把分辨率调成800*600，系统就会分配给你800*600个有效像素个数，也就是真实的色彩块。其他的个数呢，就由系统自作主张，通过一系列运算给你一个模拟色彩块，填充成正好1366*768个色彩块。这些拿来充数的像素块，和真实的像素块放到一起。就好比一个正规军，里面掺了很多杂牌军一样，只能是队伍不好带了。
2、DPI【每英寸墨点的数量】
DPI越大，每英寸打印的像素点越多，打印出来的效果越细腻，越清晰
DPI用于打印机，“每英寸墨点”，电脑的图片从打印机打印出来的时候，图片PPI和打印机DPI有一个转换过程。
图像的像素（长或宽）/图像的打印密度(DPI)=打印的尺寸(长或宽)
例如:
一张900像素*700像素分辨率的清晰图片，以300DPI的分辨率来印刷，能印刷的尺寸为：900➗300=3英寸（inch）=7.6厘米（cm），
700➗300=2.3英寸=5.9厘米
也就是表示可以印刷出7.6CM*5.9CM的清晰图片。(1英寸=2.54厘米)
注意：
1、ppi和dpi经常都会出现混用现象。但是他们所用的领域也存在区别。从技术角度说，“像素”只存在于电脑显示领域，而“点”只出现于打印或印刷领域。
2、DPI越大，每英寸打印的像素点越多，打印出来的效果越细腻，越清晰，但是，印刷机器的印刷精细度也是有受限的（打印上限），在上限以上并不是越高的分辨率印刷出来就越精细。人眼的视觉上限约是300 Dpi，我们无法分辨过于靠近的两个像素点。所以同样的尺寸照片，你肉眼在 600 DPI下和 1200 DPI 下看到都不会有分别，除非你使用放大镜。
参考文章
别乱用dpi，ppi才是图像分辨率单位，很多人都搞错了 - 知乎
DPI、PPI、DP、PX 的详细计算方法及算法来源是什么？ - 知乎
什么是 PPI、DPI 及 像素、分辨率的区别？_envi中快速ppi和ppi有什么区别_Marc Chow的博客-CSDN博客
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
