当前位置: 首页 > Web前端 > HTML5

像素、分辨率、DPI、PPI

时间:2023-04-05 14:50:30 HTML5

2016-09-03坝上草原背景知识:目前大部分显示器都是以点阵为主,将一系列小点排列成一个大矩形,一幅图像由每个小点显示不同的颜色,我们称每个小点为一个像素(pixel)。概念要点:1.网点:打印机或丝网印刷画面的物理性质的点。屏幕的点是固定的。对于具体的显示器,将多个点排列后,一个整体的宽度和高度称为显示器的“物理尺寸”,单位为“宽度x高度”,例如12"x7.5".2。像素:像素是一个彩色方块,一个像素可能由许多物理点组成。在具体设置下,显示器有多少行多少列的像素,称为显示器的“分辨率(几何)”,表达方式为“宽度像素数×高度像素数”,如1440x900。在相同的分辨率下,每个点的大小仍然可以大可以小。同样是900个点,如果每个点是1毫米,就是90厘米,如果每个点是1厘米,就是9米。3.DPI:dotsperinch,称为resolution,一英寸内可以包含的Dots的数量,这个像素指的是物理像素,是实际存在的。4.PPI:pixelsperinch,每英寸多少像素。PPI=像素数(√(x2+y2))/物理尺寸(英寸),x为x轴像素数,y为y轴像素数,对角线用于计算因为屏幕对角的长度(屏幕尺寸,物理尺寸)是制造商在制造时确定的精确值。5、DP:DeviceindependentPixel(设备独立像素)的缩写,也叫DiP,1dp表示屏幕像素密度为160ppi时1px的长度,是andriod的概念。6.PT:point,是一个长度单位,一般的标准是1pt=1/72inch(1inch=2.54cm),这个标准也叫PostScriptpoint,Point和cm、millimeter没有本质区别还是其他单位,只是长度不同,pt跟屏幕无关,只跟文档分辨率有关,这是苹果的概念。7.DP和PT是标准单位,用于定义不同设备和不同DPI下的应用程序。8.px:csspixels逻辑像素,浏览器使用的抽象单位9.DPR:devicepixelratio,设备像素缩放比,plane:1px=(dpr)^2*dp,latitude:1px=dpr*2cases:iphone5:分辨率640px*1136px,PPI:326PPI,dpr图表显示iphone5的dpr为2,根据纬度:1px=dpr*px,iphone5的屏幕为320px*568px。10.屏幕分辨率分辨率就是屏幕,比如2560×1440px的屏幕,水平方向有2560个像素点,垂直方向有1440个像素点。27寸显示器的点对点分辨率为2560×1440px,109PPI。如果你降低屏幕分辨率,你会发现屏幕上的窗口和图标变大了,因为27寸的像素变小了。其实像素还是那么多,PPI还是原来的PPI。像素较少的原因是当您降低屏幕分辨率时,操作系统会拉伸以填满屏幕。这时,CPU/GPU会使用点对点的像素计算出一组新的分辨率。屏幕:HD:1280*720px分辨率fullHD:1920*1080px分辨率4K:QHD或UHD(超高清),最低分辨率为3840×2160px,另一种常见分辨率为4096×2160pxRetina屏幕:Retinaisa这个规格是通过缩小像素体积和像素间距,大幅提升屏幕的ppi值。视网膜屏幕dpr大于或等于2。