html - 相同的图像，两种尺寸

Closed. This question is opinion-based. It is not currently accepting answers. Learn more。
想改进这个问题吗？更新问题，以便editing this post可以用事实和引用来回答。
三年前关闭。
我在想什么是“最佳实践”：
在HTML页面中，我有一个图标，它在菜单中很小，在内联文本中很大。视觉上是相同的图像，但它作为两个不同的图像加载。我调用每个作为base64源，但这个问题也适用于外部img。
所以最好是：
加载2个不同的映像，其中2个请求到服务器，下载大小几乎是原来的2倍（或内联base64大小）
只加载较大的图像，客户端将其调整为较小的大小

最佳答案

这可以归结为您的服务器、缓存能力、加载时间和预期的客户机（移动重负荷或桌面重负荷）。
我更喜欢在更小的尺寸上加载更大的图像，这样它们在视网膜设备上看起来更好。这是我过去几年的练习。不过，我建议你研究的是img srcset。
这是下一件事，而且有pretty good (non-IE) support。

关于html - 相同的图像，两种尺寸，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40029861/