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

问题描述 投票:0回答:1

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

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

css media-queries retina-display dpi ppi
1个回答
1
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.