首页 > 脑子突然转不过来弯了:如果是2:1放大比例的高清屏,图片究竟为什么会模糊?

脑子突然转不过来弯了:如果是2:1放大比例的高清屏,图片究竟为什么会模糊?

道理也听过很多遍:高分屏同等物理尺寸下的像素点是原来2倍,因此需要把图片放大到2倍,看上去才和原来尺寸相同,所以图片模糊了。实际开发中,为高分屏需要提供 2 倍大的素材。

但是今天突然纠结在一个问题上:
图片的物理尺寸并没有被放大啊!只是原来1个像素的内容,被现在的4个像素来表现了而已。(这么说也不太准确,以像素构成的位图并没有物理尺寸,那就说视觉尺寸吧。)为什么会模糊呢?

比如下图中:
假设左边是一块 6x6 像素的屏幕,实际尺寸是 1米x1米, 里边打开了一个 3x3 像素的图片(黑框那部分)。
假设在右边是一块 12x12 像素的高分屏,实际尺寸也是 1米x1米。 如果在里边尝试打开刚才那个图片,就会自动拉伸成 6x6 像素。
原来一个像素的内容,比如左上角那个红色像素,现在被 4 个红色像素代替了,其他颜色像素也一样,被 4 倍的同色像素代替了。

换言之,就好象一个乐高拼成的拼图,我们用薄薄的刀片把每个乐高块都 4 等分(假设缝隙小到不可见),这个拼图就成了用 4 倍数量,尺寸只有原来 1/4 大的积木块拼成的。但拼图整体看上去应该一模一样才对,并不会变模糊。

求哪位朋友给解释下……


回去看看计算机图形学课本,应该就会明白了。

图片在被放大显示的时候,那些像素点其实会由原本的像素点,进行插值计算出来。

放大倍数,可能不是你说的整数倍数。图像的边界也不可能是那么凑巧的刚好横竖的,还有斜线。。。


原本需要一个像素渲染的点现在需要四个像素渲染,如果没有对应的优化,那么四个像素点显示的内容是一样的,但是由于像素点之间有间隙,所以看起来会没有原先的平滑


http://m.blog.csdn.net/article/details?i...


本身应该并没有模糊 了。但是相比系统界面和其他优化过的app就相对模糊。 当然矢量文件永远是最优效果。


因为能看到更多细节啊

我就抖个机灵(逃


谢谢楼上各位的回答。这个问题我去问了设计师朋友,发现大家之前真都没想过。
找了些资料后目前的结论是这样的,欢迎指正:

  1. 并非简单的“拉大了图片自然变模糊”。从低分屏到高分屏不是简单的拉大—— 虽然像素多了,但单个像素点变小了,所以图的物理尺寸并没有变化。

  2. 最大的原因的确如 @11浮士德 所说,是因为周围其他素材(尤其是矢量素材)更清晰,才使得没有优化过的图片看上去更模糊。但实际上如果你把同一张图片在低分、高分屏幕上放出来并排比较,会发现清晰度几乎是一样的。

  3. 但是严格来说,也并不是完全一模一样清晰,还是变模糊了一点点的。原因在于低分到高分屏幕物理像素数并不是完美的1:4,因此图片渲染也不能实现完美的1:4换算。比如出现1:3.5的时候,就需要用算法来修正交界处的效果了,因此结果会有些模糊。

【热门文章】
【热门文章】