为 Web 导出图像的最佳做法 - DPI/PPI



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

每个设备似乎都有不同的分辨率。我一直以 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 导出一张图像?然后,您甚至不需要在媒体查询中对更高分辨率的分辨率进行背景调整大小。

我应该在这里瞄准什么?为 Web 导出图像的事实最佳实践是什么?

另外,有没有人有更好的文章关于更高 dpi 显示和处理它的媒体查询?

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

相关内容

  • 没有找到相关文章

最新更新