我很困惑如何为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像素。这到底是怎么回事?无论如何,我最大的问题是:在iPhone 6 Plus上,尺寸为@2x的图像看起来模糊吗?假设我们有这样的内容:<img src="/img/sample.png" height="200" width="200">
如果sample.png
是200x200,它在原始iPhone上看起来很好,在任何视网膜设备上看起来都很模糊。如果是400x400,在原装iPhone和retina设备上效果会很好。但是在iPhone 6 Plus上需要600x600才能好看吗?
您可以尝试根据您所在设备的屏幕大小调整图像的大小。