在什么情况下使用HTML IMG标记来显示图像更合适，而不是CSS背景图像，反之亦然?
这些因素可能包括可访问性、浏览器支持、动态内容或任何类型的技术限制或可用性原则。
当前回答
当我想让它们100%可拉伸时，我使用image而不是background-image，大多数浏览器都支持。
其他回答
一些应该使用background-image的其他场景:
当鼠标悬停在图像上时，希望图像发生变化。 当您想要添加圆角的图像。如果使用img，图像会从圆角中泄漏出来。
这里有一个技术上的考虑:图像是动态生成的吗?在HTML中生成<img>标记往往比尝试动态编辑CSS属性容易得多。
图像的大小呢?如果我使用img标记，浏览器将缩放图像。如果我使用css背景，浏览器只是从较大的图像中切割一块。
还要注意，大多数搜索引擎蜘蛛不会索引CSS背景图像，因此背景图像将被忽略，你将无法从搜索引擎获得任何流量(简而言之，没有SEO好处)。
其中，所有用标签定义的图像都被索引(除非手动排除)，并且如果它们的标题/alt属性和文件名经过适当优化(w.r.t一些关键字)，就可以从搜索引擎带来流量。
Img是一个HTML标记是有原因的，因此应该使用它。用于引用或说明事物，如在文章中。
此外，如果图像有意义或必须是可点击的，img比css背景更好。对于所有其他情况，我认为，css背景可以使用。
尽管这是一个需要反复讨论的话题。
来自法国巴黎的学生
