DPI和Retina图像说明

我一直在阅读有关@ 2x图像只是比普通图像大两倍的图像，但是我们必须更改DPI以使质量更好，否则我们只需要一张图像即可是两倍大？我不明白为什么相同质量的两倍大的图像会更好？非常感谢DPI和Retina图像说明

来源

2012-12-10 Yann Chabot

不要担心DPI对于屏幕无关紧要，但要回答您的问题，将图像尺寸设置为相同质量两倍的图像将具有比原始图像高得多的像素密度，因此渲染的像素将会是更清晰和明确。

例如：

原始图像：300 x 300像素= 90000像素

视网膜图像（相同的质量）：600px的X 600px的= 360000像素

现在，当在浏览器呈现的视网膜图像，它仍然会将其渲染为与原始图像相同的300x300像素的空间。这意味着该图像中有360,000个像素，而不是之前的90,000个像素。现在有更多的像素来渲染相同的图像，所以图像看起来会更加明确。

来源

2012-12-10 16:58:49 Jason

使图像具有两倍的大小与像素密度无关。像素密度基于输出设备（屏幕），而不是输入。 – user1337

你是什么意思DPI不关心屏幕？你有没有在高DPI屏幕上的普通网页上看过正常的光栅图像？它看起来像喷墨+水 - 这太可怕了。适当的浏览器会缩放图像以匹配其预期大小，而不是其预期的DPI。在我的4K屏幕上，该页面上的光栅图像中的每个像素大致变为4个模糊的像素。假设这是您的日常典型图像，300x300图像将以600x600呈现。如果图像没有额外的数据，它肯定没有更多的定义！ – Zenexer

没有抱歉，DPI不适用于屏幕 - 仅用于打印。你可能会想到PPI（像素每英寸），这会产生你正在谈论的行为。 – Jason

对于屏幕来说，DPI不存在。您需要了解的基本原理是像素数。您可以拥有100px x 100px的图像，即1 DPI或100,000,000 DPI，这没有什么区别。

如果你真的想了解更多一些，看看http://en.wikipedia.org/wiki/Pixel_density

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

来源

2012-12-10 16:51:58 user1337

DPI和Retina图像说明

回答

相关问题