【发布时间】：2013-01-27 17:30:39
【问题描述】：
我应该如何为网络准备图片？
每个设备似乎都有不同的分辨率。我一直以 72PPI 导出图像。这些天甚至是正确的数字吗？有些人使用96PPI吗？哪个更适合非“视网膜”图像？
我遇到的大多数教程都建议您在样式表中使用这种方法来处理 UI 图形。
http://miekd.com/articles/using-css-sprites-to-optimize-your-website-for-retina-displays/
基本上，制作两张图片，其中一张的大小正好是另一张的 2 倍。那么……
background-size: 50% auto;
...在@2x 图像上。请注意，本文从未指定将图像导出为何种 PPI。
是否可以导出 72PPI 的 1 张图像和 144PPI 的图像？然后，您甚至不需要在媒体查询中调整更高分辨率的背景大小。
我应该在这里瞄准什么？为网络导出图像的事实上的最佳做法是什么？
另外，有没有人有更好的关于更高 dpi 显示和处理媒体查询的文章？
【问题讨论】：
标签： css media-queries retina-display dpi ppi