Question

我应该如何为网络准备图片？

每个设备似乎都有不同的分辨率。我总是以72PPI导出图像。这几天甚至是正确的数字？有些人使用96PPI吗？对于非“视网膜”图像哪个更好？

我遇到的大部分教程都建议使用样式表中的UI图形进行这种处理。

基本上，将两幅图像精确地放在另一幅图像的两倍之上。然后...

background-size: 50% auto;

...在@ 2x图片上。请注意，本文从不指定将图像导出为PPI的内容。

是否可以在72PPI输出1张图像，在144PPI输出1张图像？然后，你甚至不需要在媒体查询中对较高分辨率的背景大小进行背景调整。

我应该在这里做些什么？为网络导出图像的实际最佳做法是什么？

此外，是否有人在媒体查询上有更好的文章来获取更高的dpi显示并处理它？</ p>

Answer 1

PPI设置与您在网络上使用的图像完全无关。浏览器完全不关心PPI设置是什么，它只使用图像的像素尺寸。