导出网络图像的最佳做法 - DPI / PPI

时间:2013-01-27 17:30:39

标签: css media-queries retina-display dpi ppi

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

每个设备似乎都有不同的分辨率。我总是以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>

1 个答案:

答案 0 :(得分:1)

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