在什么情况下使用HTML IMG标记来显示图像更合适，而不是CSS背景图像，反之亦然?
这些因素可能包括可访问性、浏览器支持、动态内容或任何类型的技术限制或可用性原则。
当前回答
一些应该使用background-image的其他场景:
当鼠标悬停在图像上时，希望图像发生变化。 当您想要添加圆角的图像。如果使用img，图像会从圆角中泄漏出来。
其他回答
还要注意，大多数搜索引擎蜘蛛不会索引CSS背景图像，因此背景图像将被忽略，你将无法从搜索引擎获得任何流量(简而言之，没有SEO好处)。
其中，所有用标签定义的图像都被索引(除非手动排除)，并且如果它们的标题/alt属性和文件名经过适当优化(w.r.t一些关键字)，就可以从搜索引擎带来流量。
有些答案把情况复杂化了。这是一个非常简单的情况。
每次你想放一张图片的时候就回答这个问题:
这是内容的一部分还是设计的一部分?
如果你不能回答这个问题，你可能不知道你在做什么或你想做什么!
此外，不要仅仅因为你想要“打印机友好型”而考虑这两种技术。也不要从SEO的角度用CSS隐藏内容。如果您发现自己在CSS文件中管理内容，那么您是在搬起石头砸自己的腿。这只是什么是内容或不内容的一个微不足道的决定。其他方面都应该被忽略。
对我来说，这是个非黑即白的决定。如果图像是内容的一部分，如logo、图表或人物(真实人物，而不是库存照片人物)，则使用<img />标记加上alt属性。其他的都有CSS背景图片。
另一个使用CSS背景图像的时间是在做文本的图像替换时。段落/头。
浏览器并不总是默认设置为打印背景图像;如果你想让别人打印你的页面:)
只是一个小的添加，你应该使用img标签，如果你想让用户能够“右键单击”和“save-image”/“save-picture”，所以如果你打算将图像作为资源提供给其他人。
使用背景图像将(据我所知在大多数浏览器上)禁用直接保存图像的选项。
