0

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

每个设备似乎都有不同的分辨率。我一直以 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 显示和处理的媒体查询的文章?

4

1 回答 1

1

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

于 2013-01-27T17:34:46.793 回答