【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 
在什么情况下使用HTML IMG标签来显示图像更合适，而不是CSS background-image ，反之亦然？
因素可能包括可访问性，浏览器支持，动态内容或任何类型的技术限制或可用性原则。
#1楼
如果您希望图像流畅并缩放到不同的屏幕尺寸，则可以使用IMG标签。 对我来说，这些图像大多是内容的一部分。 对于大多数不属于内容的元素，我使用CSS精灵来保持最小的下载大小，除非我真的想要动画图标等。
#2楼
应该使用background-image的其他一些场景：
- 当您希望图像在鼠标悬停在其上时发生变化。
- 如果要为图像添加圆角。 如果使用
img，图像会从圆角漏出。
#3楼
关于使用CSS TranslateX / Y制作动画图像（动画html的正确方法） - 如果您对CSS背景图像进行动画制作，而动画的IMG标签动画，您将看到CSS的绘画时间明显缩短背景图像。
#4楼
当我想让它们100％可伸缩时，我使用图像而不是背景图像，这在大多数浏览器中都是支持的。
#5楼
还有另一个原因！ 如果您有响应式设计并希望通过媒体查询分割设备的低，中和高分辨率图像的使用，您也应该使用背景。
来源：oschina
链接：https://my.oschina.net/stackoom/blog/3145202