【发布时间】：2015-05-19 15:12:58
【问题描述】：
我很困惑为 iPhone 6 Plus 生成图像以使它们看起来不错。这个网站上关于它的任何问题似乎都与 iPhone 应用程序的图像有关，但我想知道在网络上使用图像。如果我有一个真正的 iPhone 6 和 6 plus 来测试会容易得多。
因此，对于原始 iPhone，您将图像上传到 example.org 并在您的 html 中使用它。没问题，图像看起来不错。然后 iPhone 4 出来了。因此，您可以简单地将图像放大两倍，然后使用 css 将其缩小，使其在视网膜设备上看起来不错。
输入 iPhone 6 和 iPhone 6 Plus。据我所知，iPhone 6 和 iPhone 4 的分辨率是一样的，所以上面的方法可以，对吧？
现在是 6 Plus。看起来它“以 3 倍渲染”，然后“下采样”到 1080 像素。这究竟是如何工作的？
无论如何，我最大的问题是：@2x 大小的图像在 iPhone 6 Plus 上会显得模糊吗？假设我们有这个：
<img src="/img/sample.png" height="200" width="200">
如果sample.png 是 200x200，它在原始 iPhone 上看起来不错，而在任何视网膜设备上看起来很模糊。如果它是 400x400，它会在 iPhone 和视网膜设备上看起来不错。但它是否需要 600x600 才能在 iPhone 6 Plus 上看起来不错？
【问题讨论】：
标签： html ios resolution retina-display