HTML – 跟进背景图像vs img标签

参见英文答案 > When to use IMG vs. CSS background-image?????????????????????????????????????31个
我刚读了this entry,但我仍然不太确定选择的原因.特别是,我想准确理解“内容”和“非内容/其他”图像的含义以及为什么我在添加内容图像到我的网站时使用img和添加非内容图像时的背景图像.

以下是我对“内容”和“非内容”形象的理解：

内容图像是动态生成的图像.例如,在其个人资料页面上显示的用户的图像和上传到照片库,博客等的图像.

非内容图像是那些作为网站设计一部分的非动态图像.如果你愿意的话,他们会被“烘烤”.例如.徽标,图像链接,图像按钮等

如果我的定义是正确的 – 请告诉我他们是不是 – 那么在我看来,使用每个的原因如下(虽然这在链接的文章中并不完全明显,因此我的后续问题) ：

>非内容图像往往不会像内容图像那样发生变化.即徽标,按钮图像,图像链接等往往保持不变.只有在网站所有者决定重新设计网站时,才会更改它们.
>另一方面,内容图像往往会经常变化.经常上传新图像,用户更改其个人资料图片和照片库等.

因此,由于内容图像的动态特性,它们需要一个img标记,可以通过网站驱动的任何技术堆栈动态修改.不那么频繁变化的图像不需要图像标签.它们可以直接从css文件中的站点设计资源加载,以提高性能和易维护性.

那是对的还是我错过了什么？