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