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

Question

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

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

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

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

求哪位朋友给解释下……

Answer 1

因为能看到更多细节啊

我就抖个机灵(逃

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

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

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

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

Answer 6

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

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

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