Question

我计划同时拥有桌面和移动网页设计，对于桌面，大多数屏幕分辨率为72dpi，移动设备如何？

由于拍摄的大部分照片都是300dpi分辨率，为了加快下载时间，将图像降级为72dpi而不是将其保持为300dpi是最佳做法吗？

Answer 1

移动设备屏幕分辨率和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

桌面和移动设备上的网页设计的图像分辨率

1 个答案: