我应该如何为网络准备图像?
每个设备似乎都有不同的分辨率。我一直以 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 显示和处理的媒体查询的文章?