桌面和移動網頁設計的圖像分辨率

我計劃同時擁有桌面和移動網頁設計，對於桌面，大多數屏幕分辨率爲72dpi，移動設備如何？桌面和移動網頁設計的圖像分辨率

由於大部分拍攝的照片都是300dpi分辨率，爲了加快下載時間，將圖像降級到72dpi而不是將其保持爲300dpi是最佳做法嗎？

2014-09-04 Kelvin

移動設備的屏幕分辨率和PPI的：

iPhone3    320x480 163 ppi 
iPhone4    640×960 326 ppi 
iPhone4S    640×960 326 ppi 
iPhone5    640×1136 326 ppi 
iPhone5C    640×1136 326 ppi 
iPhone5S    640×1136 326 ppi 
iPad     1024x768 132 ppi 
iPad2    1024x768 132 ppi 
iPad (3gen)   2048x1536 264 ppi 
iPad (4gen)   2048x1536 264 ppi 
iPad Air    2048x1536 264 ppi 
iPad mini   1024x768 163 ppi 
iPad mini (retina) 2048x1536 326 ppi

我相信這仍然是非常標準的使用72dpi的圖片，除非網站設計/攝影哪裏用戶會發現其中的差別集中。

保持在72dpi可以減少上述的加載時間，圖像質量會有little to no visible difference。

如果圖像很小，開始時實際文件大小差別很小。

PPI和DPI之間的區別的一個很好的解釋可以發現here

來源

2014-09-04 01:49:38 Jake

你能澄清'ppi'和'dpi'？ – brasofilo 2014-09-04 01:51:29

可以在[GDSE here]上找到一個很好的解釋（http://graphicdesign.stackexchange.com/questions/6080/what-is-the-difference-between-dpi-dots-per-inch-and-ppi-els每英寸） – Jake 2014-09-04 01:56:36

我會建議將這個鏈接納入答案，也許圍繞'ppi's' :) – brasofilo 2014-09-04 02:02:13

桌面和移動網頁設計的圖像分辨率

回答

相關問題