不是两倍大小的 Retina 图像

Question

我读过 Retinafy Me 这本书。这基本上是说图像大小的两倍。当它以图像大小的一半显示在视网膜屏幕上时，它看起来会很棒。

我的问题是我拥有的原始图像的大小无法翻倍。即图像是 750px 宽。它们将显示为 500px 宽。我该怎么办？ x1.5 图像是否比 x1 图像（在视网膜屏幕上）更好看，还是只是不必要地增加了文件大小？

我尝试使用 x1.5 图像（750 像素缩小到 500 像素），并且这些图像在我检查过的 Apple 商店的视网膜屏幕上看起来不错。但我无法进行明确的比较，我没有自己的视网膜屏幕，也无法在任何地方找到任何相关信息。

Answer 1

一个像素仍然是视网膜屏幕上的一个像素。区别只是视网膜屏幕使用 4 个像素来显示一个，如果它们没有额外的信息，例如更多的像素。这就是为什么建议将图像大小加倍的原因。

基本上，您的图像将通过将其拉伸到 1000 像素宽来呈现。 拉伸后，750 像素宽的图像仍会比 500 像素宽的图像看起来更好。您可以在画图中亲自尝试。

关于它在http://crypt.codemancers.com/posts/2013-11-03-image-rendering-on-hd-screens/ 上的工作方式有一个很好的解释

希望这会有所帮助。