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



我计划同时进行桌面和移动网页设计,对于桌面,大多数屏幕分辨率是72dpi,移动怎么样?

由于大多数照片的分辨率都是300dpi,为了加快下载时间,将图像降级为72dpi而不是保持为300dpi是最佳做法吗?

移动设备屏幕分辨率和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可能会减少加载时间,并且图像质量几乎没有明显差异。

如果图像一开始就很小,那么实际文件大小的差异就很小。

关于ppi和dpi之间差异的一个很好的解释可以在这里找到