1. 首頁
  2. 問答
  3. 爲視網膜顯示電腦和非視網膜電腦提供相同的雙尺寸圖像？

爲視網膜顯示電腦和非視網膜電腦提供相同的雙尺寸圖像？

2013-06-03 74 views
1

在我的網站上，我使用img代碼中的簡單width=650px參數將1300x200圖像強制降至650x100。當視網膜Mac/iPhone/iPad用戶瀏覽我的網站時會發生什麼情況。他們會看到全高質量的1300x200圖像，還是會將質量人爲地降低一半？爲視網膜顯示電腦和非視網膜電腦提供相同的雙尺寸圖像？

至於這是否有效，它只是一個5萬個PNG。我的網站主要是用文本/ CSS進行矢量化。你可能會認爲這比利用瀏覽器代理檢測Javascript搞亂更有效。

來源

2013-06-03 sxflynn

回答

1

好的人，我自己回答，是的，如果您使用width標記來標記HTML中的img，則視網膜瀏覽器將顯示完整大小的圖像。

我使用頂部的width和底部的普通650x100圖像顯示了1300x200圖像的一半大小。放大在iOS 6

example one example two

使用Safari

來源

2013-06-03 22:12:37 sxflynn

相關問題

 相關問題