適用於iPhone 6 Plus的圖像在網絡上

Question

我很困惑爲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加。看起來像'渲染3倍'，然後'下采樣'到1080像素。這個工作到底如何？

不管怎麼說，我最大的疑問是：在iPhone 6 Plus上尺寸爲@ 2x的圖像看起來會模糊嗎？比方說，我們有這樣的：

<img src="/img/sample.png" height="200" width="200"> 

如果sample.png爲200×200，它的外觀罰款原來的iPhone和模糊任何視網膜設備。如果它是400x400，在原始iPhone和視網膜設備上看起來會很好。但是它需要600x600才能在iPhone 6 Plus上看起來不錯？

Answer 1

您可以嘗試調整圖像的大小，具體取決於您所在設備上的屏幕大小。