视网膜图像:小图像是否需要两个单独的图像？

Question

如果我有一个小的PNG文件，可能是18KB (视网膜)和200x80，我真的需要把它的大小为非视网膜版本的一半吗？换句话说，我就不能这样做吗：

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

然后它在视网膜/非视网膜设备上看起来都会很棒？看起来比拥有两个镜像和这样做要少得多(我使用的是Foundation)：

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

我可以理解为什么您要对文件大小可能较大的图像执行此操作，但18KB并不是什么大问题。

Answer 1

试一试，然后决定。好处不只是文件大小，甚至在一些小图像上，手动缩小也是值得的，以确保比浏览器使用的任何缩小算法更高的质量。