1.写在css里面的图片是以背景图形式存在的，而写在html里的是以html插入img的区别标签形式存在的，在网页加载的过程中，以css背景图存在的图片会等到结构加载完成（网页的内容全部显示以后）才开始加载
2.通常是非内容的图片就写在css里面，如果是内容性的图片就写在html里面网页设计方向是表现层和内容层分离，css管表现，也就是显示效果，html管结构，内容结构的划分，这样代码要简洁易维护一些。
3.浏览器读取页面，css背景图和img图片都会下载到本地缓存文件夹，css背景图和img图片在网页中都可以重复使用。
4.图片做为背景，在图片没加载的时候或者加载失败的时候，不会有个图片的占位标记，不会出现红叉。
原文：https://www.cnblogs.com/austin0505/p/9130201.html