我应该如何准备网络图像?
每个设备似乎都有不同的分辨率。 我一直以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的1张图像? 这样一来,您甚至不需要在媒体查询中为更高分辨率的背景设置背景尺寸。
我在这里要瞄准什么? 在网络上导出图像的实际最佳做法是什么?
此外,是否有人在媒体查询上有更好的文章来显示和处理更高的dpi?
PPI设置与您在网络上使用的图像完全无关。 浏览器完全不在乎PPI设置是什么,它仅使用图像的像素尺寸。