图像的大小呢?如果我使用img标记，浏览器将缩放图像。如果我使用css背景，浏览器只是从较大的图像中切割一块。

这里有一个技术上的考虑:图像是动态生成的吗?在HTML中生成<img>标记往往比尝试动态编辑CSS属性容易得多。

一个小的输入， 我曾经遇到过响应式图像在iphone上的渲染速度减慢长达一分钟的问题，即使是小图像:

<!-- Was super slow -->
<div class="stuff">
    <img src=".." width="100%" />
</div>

但是当切换到使用背景图像时，这个问题就消失了，这只有在针对较新的浏览器时才可行。

还要注意，大多数搜索引擎蜘蛛不会索引CSS背景图像，因此背景图像将被忽略，你将无法从搜索引擎获得任何流量(简而言之，没有SEO好处)。

其中，所有用标签定义的图像都被索引(除非手动排除)，并且如果它们的标题/alt属性和文件名经过适当优化(w.r.t一些关键字)，就可以从搜索引擎带来流量。

IMG首先加载，因为src是在html文件本身，而在背景图片的情况下，源是在样式表中提到的，所以图片在样式表加载后加载，延迟了网页的加载。

只是一个小的添加，你应该使用img标签，如果你想让用户能够“右键单击”和“save-image”/“save-picture”，所以如果你打算将图像作为资源提供给其他人。

使用背景图像将(据我所知在大多数浏览器上)禁用直接保存图像的选项。