什么是设备像素比

   2023-06-10 20:31:51 网络940
核心提示:像素比是指图像中的一个像素的宽度与高度之比,而帧纵横比则是指图像的一帧的宽度与高度之比。图像中的一个像素的宽度与高度之比,而帧纵横比则是指图像的一帧的宽度与高度之比。如某些D1/DV NTSC图像的帧纵横比是4:3,但使用方形像素(1.0像

什么是设备像素比

像素比是指图像中的一个像素的宽度与高度之比,而帧纵横比则是指图像的一帧的宽度与高度之比。

图像中的一个像素的宽度与高度之比,而帧纵横比则是指图像的一帧的宽度与高度之比。如某些D1/DV NTSC图像的帧纵横比是4:3,但使用方形像素(1.0像素比)的是640×480,使用矩形像素(0.9像素比)的是720×480。DV基本上使用矩形像素,在NTSC视频中是纵向排列的,而在PAL制视频中是横向排列的。使用计算机图形软件制作生成的图像大多使用方形像素。

由于计算机产生的图像的像素比永远是1:1,而由于电视设备所产生的视频图像,就不一定是1:1,如我国的PAL制像素比就是16:15=1.07。同时,PAL制规定画面宽高比为4:3。根据宽高比的定义来推算, PAL制图像分辨率应为768*576,这是在像素为1:1的情况下,可PAL制的分辨率为720*576。因此,实际PAL制图像的像素比是768:720=16:15=1.07。也就是通过把正方形像素“拉长”的方法,保证了画面的4:3的宽高比例。

lpr和dpr什么意思

设备像素比 (Device Pixel Ratio, DPR ):其实指的是 window.devicePixelRatio , 被所有WebKit浏览器以及Opera所支持,一个设备的物理像素与逻辑像素之比。

当像素比为1:1时,使用1个物理像素显示1个CSS像素;当像素比为2:1时,使用4个物理像素显示1个CSS像素;当像素比为3:1时,使用9(3 3)个设备像素显示1个CSS像素*。

像素为什么会有“物理”和“逻辑”之分,它们之间什么区别?

其实在很久以前,的确是没区别的,CSS里写个 1 px ,屏幕就给你渲染成1个实际的像素点, DPR=1 ,多么简单自然~

后来苹果公司为其产品mac、iPhone以及iPad的屏幕配置了Retina高清屏,也就是说这种屏幕拥有的物理像素点数比非高清屏多4倍甚至更多。如果还按照DPR=1进行展示,那么同一张图片在高清屏上面显示的区域面积会是非高清屏的1/4,这样的话由于图片在屏幕上的展示面积大大缩小,也会导致出现“看不清”的问题。

举个例子,iPhone 6的物理像素上面已经说了,是 750 * 1334 ,那它的逻辑像素呢?我们只需在 iPhone 6 的Safari里打印一下 screen.width 和 screen.height 就知道了,结果是 375 * 667 ,这就是它的逻辑像素,据此很容易计算出 DRP为2 。当然,我们还可以直接通过 window.devicePixelRatio 这个值来获取 DRP ,打印结果是 2 ,符合我们的预期。

举例:

设备宽高为 375×667 ,可以理解为设备独立像素(或css像素), dpr为2 ,根据上面的计算公式,其物理像素就应该 ×2 ,为 750×1334 。

上图中可以看出,对于这样的css样式:

相同尺寸下,普通屏幕 VS Retina 屏,css像素所呈现的物理尺寸(大小)是一致的,不同的是一个css像素所对应的物理像素的个数不一致:

即4个物理像素显示一个css像素

从以上现象得出的结论是

UI设计师按照手机物理像素出设计稿,切图时根据其设备像素比来换算设备独立像素(CSS像素),比如视网膜手机iPhone6,物理像素 750px×1334px ,由于其设备像素比为2,CSS切图时需要将设计稿的所有尺寸除以2,才是正确CSS像素值。

LRP和DPR解释如下:LRP利率应为LPR,即贷款市场报价利率,贷款基础利率(LoanPrimeRate,简称LPR)是商业银行对其最优质客户执行的贷款利率,其他贷款利率可在此基础上加减点生成,它曾被寄予引导贷款利率的厚望,但后期未能实现,其多参照贷款基准利率来设定,走势并无二致。

DPR指的是设备的像数比,在制作的微信小程序的时候常用,也就相当于web前端的自适应,根据设备的像素(也就是物理像素)大小进行调节。这个参数实际上量化了屏幕的物理分辨率和显示清晰度,比如iphone的DPR就是2,比一般的手机都要高。DPR也就是设备像素比设备像素比(dpr)=设备像素(分辨率)/设备独立像素(屏幕尺寸)布局视窗:屏幕大小视觉视窗:为了解决PC端网站在移动端。

以上就是关于什么是设备像素比全部的内容,如果了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

 
举报收藏 0打赏 0评论 0
 
更多>同类百科头条
推荐图文
推荐百科头条
最新发布
点击排行
推荐产品
网站首页  |  公司简介  |  意见建议  |  法律申明  |  隐私政策  |  广告投放  |  如何免费信息发布?  |  如何开通福步贸易网VIP?  |  VIP会员能享受到什么服务?  |  怎样让客户第一时间找到您的商铺?  |  如何推荐产品到自己商铺的首页?  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备15082249号-2