一些DPI统计数据首先：
Mack Book Pro 13.3"具有227 DPI(2560x1600px/13.3英寸(。
iPhone 6s具有326 DPI(750x1334px/4.7英寸(。
索尼Xperia Z平板电脑具有224 DPI(1920x1200px/10.10英寸(。
但是，当我为web保存JPEG图像时，它具有72 DPI，并且只有当我将容器分辨率设置为图像分辨率的2倍时，图像才会看起来很好。
例如，
<img src="200x200px_72dpi_image.jpg" width="100px" height="100px">
为视网膜显示器(iPhone 6s、Mac Book Pro 13.3英寸等(和产生良好效果
<img src="100x100px_72dpi_image.jpg" width="100px" height="100px">
会产生糟糕的结果。
2018年我该怎么办？300 DPI的图像应该用于网络吗？
苹果认为他们会对这个主题有问题，并发布了一些如何处理它的指导方针/建议
- 关于网络上正确的图像传递
- 有效地为不同像素密度的显示器提供图像
这一切都归结为提供2x图像的网站IF客户端浏览器CAN支持它——否则默认为72 DPI标准。
2018年图像DPI应该是72像素/英寸吗？
是。支持更高分辨率的设备相对较新，尚未达到100%的市场饱和。
300 DPI的图像应该用于web吗？
300 DPI可能有些过头了。这种分辨率的图像会有非常大的文件大小，与稍微像素化的图像相比，用户可能会对更长的加载时间更加反感。您需要设计一个符合您业务需求的合理平衡。
2018年我能用它做什么？
我的两美分。。。
-
探索JPEG以外的其他格式。探索线条艺术图形的SVG。WebP也是值得探索的照片。
-
默认为72dpi，并选择使用更高的DPI。使用媒体查询和许多白杨现代CSS/JS框架，设备在低分辨率默认值上加载
2x资源所需的工作量非常小。的确，您需要以不同的分辨率渲染相同的图像资源，但这是可以自动化的。 -
时间。即使在2018年，这种情况仍在发生变化，供应商也在HDR领域展开竞争。预期
-webkit、-moz&-ms前缀，直到达到标准(如果不是全部准备好(。