不是两倍大小的 Retina 图像
Retina images that are not quite double size
我读过 Retinafy Me 这本书。这基本上是说图像尺寸的两倍。当它以图像大小的一半显示在视网膜屏幕上时,它看起来会很棒。
我的问题是我的原始图片无法放大一倍。即图像宽度为 750 像素。它们将以 500 像素宽显示。我该怎么办? x1.5 图像是否比 x1 图像(在视网膜屏幕上)更好看,还是只是不必要地增加了文件大小?
我试过使用 x1.5 图像(750 像素缩小到 500 像素),我在 Apple 商店的视网膜屏幕上查看图像时看起来不错。但是我不能做一个确定的比较,我没有自己的视网膜屏幕,而且我在任何地方都找不到任何关于它的信息。
像素仍然是视网膜屏幕上的像素。区别很简单,视网膜屏幕使用 4 个像素来显示一个,如果它们没有附加信息,例如更多像素。这就是为什么建议将图像大小加倍的原因。
本质上,您的图像将通过拉伸到 1000 像素宽来呈现。 拉伸后,750px 宽的图像仍然比 500px 宽的图像看起来更好。您可以在 Paint 中自己尝试。
关于它在 http://crypt.codemancers.com/posts/2013-11-03-image-rendering-on-hd-screens/
上的工作原理有很好的解释
希望对您有所帮助。
我读过 Retinafy Me 这本书。这基本上是说图像尺寸的两倍。当它以图像大小的一半显示在视网膜屏幕上时,它看起来会很棒。
我的问题是我的原始图片无法放大一倍。即图像宽度为 750 像素。它们将以 500 像素宽显示。我该怎么办? x1.5 图像是否比 x1 图像(在视网膜屏幕上)更好看,还是只是不必要地增加了文件大小?
我试过使用 x1.5 图像(750 像素缩小到 500 像素),我在 Apple 商店的视网膜屏幕上查看图像时看起来不错。但是我不能做一个确定的比较,我没有自己的视网膜屏幕,而且我在任何地方都找不到任何关于它的信息。
像素仍然是视网膜屏幕上的像素。区别很简单,视网膜屏幕使用 4 个像素来显示一个,如果它们没有附加信息,例如更多像素。这就是为什么建议将图像大小加倍的原因。
本质上,您的图像将通过拉伸到 1000 像素宽来呈现。 拉伸后,750px 宽的图像仍然比 500px 宽的图像看起来更好。您可以在 Paint 中自己尝试。
关于它在 http://crypt.codemancers.com/posts/2013-11-03-image-rendering-on-hd-screens/
上的工作原理有很好的解释希望对您有所帮助。