代码之家 › 专栏 › 技术社区 › Kelvin

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

desktop image-processing

Kelvin · 技术社区 · 10 年前

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

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

1 回复 | 直到 10 年前

Community Keith 7 年前

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

推荐文章

ivanlirchev · 如何使用Intellij和swing界面选项卡式功能创建?

6 年前

Manmohan_singh · 如何在Windows 10上构建winium驱动程序服务?

7 年前

Glen Pierce · 给桌面用户提供应用程序清单文件有什么好处吗?

7 年前

Piter _OS · 带有桌面应用程序的C++微服务[关闭]

7 年前

Gavin Craft · 将以前使用的字符串导入新方法

8 年前

daniel.sedlacek · 通过弹性弹跳,Chrome/Safari知道我的手指何时离开触控板。JS能知道吗?

9 年前

kalyan · 我可以通过浏览器连接到远程计算机,将selenium用于桌面应用程序自动化吗?

9 年前

Kelvin · 桌面和移动端网页设计的图像分辨率

10 年前

rsthegreat12 · 用C在桌面上覆盖图像++

10 年前

CCKx · 桌面上下滚动[关闭]

12 年前