iPad 3：如何在uiwebview中下載視網膜圖像

Question

我有一個混合的iPad應用程序加載HTML和JavaScript在web視圖中。

所有的圖像都在臺iPad 1和2秒確定，但在臺iPad 3

我曾想過一些可能的解決方案模糊：

1. 即成2倍的圖像和在低分辨率50％表示他們臺iPad。
2. 檢測視網膜顯示和服務於不同的圖像

你將如何管理不同設備的不同的分辨率和圖像加載？

Answer 1

您可以使用Javascript將LowRes圖像替換爲HiRes設備上的HiRes圖像。有一個JQuery plugin這樣做。 Apple爲自己的頁面使用這種方法（而不是JQuery插件），所以它不應該太糟糕。

如果您可以將內聯<img>更改爲CSS背景圖像，則可以使用其他方法。然後你可以使用媒體查詢服務的高分辨率圖像的高分辨率設備：

#yourImageConteainer { 
    background-image: url('image.png'); 
}  

@media all and (-webkit-min-device-pixel-ratio : 1.5) { 
    #yourImageContainer { 
     background-image: url('image@2x.png'); 
     background-size: 100px 100px; 
    } 
} 

我命名跟iOS @2x後綴的高分辨率圖像，雖然這是沒有必要的。

我不會向LowRes設備提供全分辨率圖像，因爲這會增加圖像的大小，因此LowRes設備的加載時間沒有任何好處。

如果您可以在服務器端檢測到HiRes設備，然後爲請求設備提供最佳分辨率圖像，那將是最佳方式。

Answer 2

不要爲iPad3 /新iPad過高放大圖像。 Safari縮小高分辨率圖像http://www.tomshardware.com/reviews/ipad-3-benchmark-review,3156-5.html。以完整iPad3分辨率查看網頁圖像的唯一方法是將其保存並在Safari外查看。

編輯：

有了新的Retina顯示屏的MacBook，這一評論可能不再適用。擁有高分辨率的網頁圖形將可能變得越來越重要。