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

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

对我来说，这是个非黑即白的决定。如果图像是内容的一部分，如logo、图表或人物(真实人物，而不是库存照片人物)，则使用<img />标记加上alt属性。其他的都有CSS背景图片。

另一个使用CSS背景图像的时间是在做文本的图像替换时。段落/头。

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

关于使用CSS TranslateX/Y(正确的html动画方式)动画图像-如果你做一个Chrome时间轴记录的CSS背景图像被动画和IMG标签被动画，你会发现绘制时间大大缩短了CSS背景图像。

前景= img。

Background = CSS背景。

HTML用于内容，CSS用于设计。图像是必要的，它需要被屏幕阅读器拾取吗?如果答案是肯定的，那么就把图像放到HTML中。如果它纯粹是为了样式化，那么您可以使用CSS中的background-image属性来注入图像。正如这里很多人已经提到的，如果愿意，可以在图像上使用伪元素。