网站建设资讯

NEWS

网站建设资讯

屏幕dpi与美术资源的分辨率选择-创新互联

最近开发一个项目,纠结于美术设计图的分辨率选择问题。考虑到现在主流设备都是1920*1080分辨率,所以打算将美术资源都做成1920*1080的。但是有同事说就做成960*540,缩放一下,效果差不多。对此,我表示怀疑,要是缩放能够达到效果,那干嘛有高清这么一说呢。

成都创新互联公司专注于企业营销型网站建设、网站重做改版、兴宾网站定制设计、自适应品牌网站建设、H5场景定制成都商城网站开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为兴宾等各大城市提供网站开发制作服务。

    首先,从dpi来说,乔布斯提过,300dpi就是人眼在25cm处能分辨的极限了。也就是说,我的一张原图(没有模糊),放在dpi小于300的设备上,能看出一些模糊,但是在高于300dpi的设备上,就无法分辨出像素点了,也就看不出有任何模糊的地方(图片分辨率和设备分辨率相同)。如果设备400dpi,分辨率1920*1080,图片分辨率只要高于

    300/400(1920,1080)=1440,810

    经过放大,全屏显示出来,也是看不出放大产生的锯齿什么的,看不出细节的丢失。

    但是这个视网膜分辨率,是指300dpi和25cm离屏幕距离。

    不是这个dpi的情况下,也可以有对应的人眼无法分辨出来的距离的,dpi高,距离越小,dpi低,距离越大。

    为此,做了一个实验,用小米5截屏一个游戏,分别将截屏图片缩小到50%和30%,分组为A和B。

    这样,两张图的分辨率分别为:960*540,576*324。

    在手机上打开这两张图片,A几乎和原图看不出差异,看不出没有失真和锯齿,而B看上去有明显的锯齿,但是增加观看距离之后,这些锯齿就看不出来了。PS:小米5的尺寸为5.15inch,dpi427。

    再将三张图放在屏幕分辨率为1920*1080分辨率的电脑上,屏幕尺寸约莫23inch,dpi100左右,在离屏幕35cm左右的距离观看,A出现了锯齿,有失真,B的失真情况更为严重。但是增加了观察距离之后,锯齿就看不见了。

    综上所诉,人眼看到的效果,跟图片的分辨率、设备的dpi、人眼观察距离相关。

   乔布斯所说的视网膜分辨率为300dpi,这应该是比较严格的要求,实际上在200dpi,就不分辨得出图片的像素点了。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页题目:屏幕dpi与美术资源的分辨率选择-创新互联
网站链接:http://cdweb.net/article/dodphs.html