iPhone Web開發圖像縮放

Question

我正在開發一個簡單的網頁，在iPhone應用程序完成後進行查看。我發現safari會降低jpg的圖像質量，所以它們都模糊不清。

的圖像是施加到一個div

div.foo 
{ 
    background: url(../images/foo.jpg) no-repeat; 
    width:320px; 
    height:349px; 
} 

的寬度和高度的背景圖像是完全一樣的jpg圖片。有沒有辦法確保圖像以完整的質量顯示？

Answer 1

找到了答案。 iPhone「優化」jpg，壓縮它們以最小化文件大小，但破壞圖像的質量。我所做的所有閱讀都表明，沒有辦法切換這個「功能」。

解決方法很簡單，切換到PNG。