我应该如何为网络准备图片?
每个设备似乎都有不同的分辨率。我总是以72PPI导出图像。这几天甚至是正确的数字?有些人使用96PPI吗?对于非“视网膜”图像哪个更好?
我遇到的大部分教程都建议使用样式表中的UI图形进行这种处理。
http://miekd.com/articles/using-css-sprites-to-optimize-your-website-for-retina-displays/
基本上,将两幅图像精确地放在另一幅图像的两倍之上。然后...
background-size: 50% auto;
...在@ 2x图片上。请注意,本文从不指定将图像导出为PPI的内容。
是否可以在72PPI输出1张图像,在144PPI输出1张图像?然后,你甚至不需要在媒体查询中对较高分辨率的背景大小进行背景调整。
我应该在这里做些什么?为网络导出图像的实际最佳做法是什么?
此外,是否有人在媒体查询上有更好的文章来获取更高的dpi显示并处理它?</ p>
答案 0 :(得分:1)
PPI设置与您在网络上使用的图像完全无关。浏览器完全不关心PPI设置是什么,它只使用图像的像素尺寸。