Retina图像:对于小图像,我需要两个单独的图像吗?

时间:2014-06-27 03:21:11

标签: retina-display

如果我有一个小的PNG文件,可能是18KB(视网膜)和200x80,我是否真的需要将其视为非视网膜版本的一半?换句话说,我不能这样做:

<img src="images/retina-image.png" width="100" height="40">

然后它在视网膜/非视网膜设备上看起来都很棒?似乎比拥有两张图片要少得多,并且这样做(我使用的是基金会):

<img data-interchange="[images/tag.png, (default)], [images/tag@2x.png, (retina)]">

我明白为什么你会为文件大小可能更大的图片做这件事,但18KB并不是什么大问题。

1 个答案:

答案 0 :(得分:0)

尝试并决定。好处不仅仅是文件大小,即使在一些小图像上,手动收缩以确保比浏览器使用的任何缩小算法更高的质量也是值得的。