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

Css 为web导出图像的最佳做法-DPI/PPI,css,media-queries,retina-display,dpi,ppi,Css,Media Queries,Retina Display,Dpi,Ppi,我应该如何为web准备图像 每个设备似乎都有不同的分辨率。我总是以72 ppi的速度导出图像。这是现在的正确数字吗?有些人使用96PPI吗?对于非“视网膜”图像,哪个更好 我遇到的大多数教程都建议您采用这种方法在样式表中使用UI图形 基本上,制作两个图像,一个是另一个的2倍大小。然后 background-size: 50% auto; …在@2x图像上。注意:本文从未指定将图像导出为什么PPI 是否可以以72PPI和144PPI导出一个图像?这样,您甚至不需要在媒体查询中对分辨率更高的图

我应该如何为web准备图像

每个设备似乎都有不同的分辨率。我总是以72 ppi的速度导出图像。这是现在的正确数字吗?有些人使用96PPI吗?对于非“视网膜”图像,哪个更好

我遇到的大多数教程都建议您采用这种方法在样式表中使用UI图形

基本上,制作两个图像,一个是另一个的2倍大小。然后

background-size: 50% auto; 
…在@2x图像上。注意:本文从未指定将图像导出为什么PPI

是否可以以72PPI和144PPI导出一个图像?这样,您甚至不需要在媒体查询中对分辨率更高的图像进行背景调整

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


另外,是否有人对更高dpi显示和处理的媒体查询有更好的文章?

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