DPI和Retina图像说明

Question

我一直在阅读@ 2x图像只是常规图像的两倍大图像，但是我们是否必须更改DPI以提高质量，或者我们只需要两倍大的图像？我不明白为什么相同质量的两倍大图像会更好？非常感谢

Answer 1

不要担心DPI对于屏幕无关紧要，但要回答你的问题，使图像尺寸增加两倍，质量相同，像素密度要比原版高得多，因此渲染的像素会很多更清晰，更明确。

例如：

原始图像：300px x 300px = 90,000像素

Retina图像（相同质量）：600px x 600px = 360,000像素

现在，当浏览器渲染Retina图像时，它仍然将其渲染为与原始图像相同的300px乘300px空间。这意味着此图像中有360,000像素而不是之前的90,000像素。现在有更多的像素来渲染相同的图像，因此图像看起来更加明确。

Answer 2

对于屏幕，DPI不存在。您需要了解的原始基础是像素数。您可以拥有100px x 100px图像，即1 DPI或100,000,000 DPI，它没有任何区别。

如果您真的想了解更多内容，请查看http://en.wikipedia.org/wiki/Pixel_density

但是对于屏幕输出，你可以忽略DPI。