关于data uri的嵌入方式

Question

为了避免src='...'引号中的一大串编码阻碍视线、占用流量，我用了另一种方式。
css：

img{background: url(...) no-repeat;} //url中填写data uri

html:
//blank.gif是一张空白图片，为了防止src为空引出的灰色边框

整体效果跟以往一样，如图

我的问题是，
1.这样做是否合理？
2.是否有更优的针对于图片的减少请求的方式？

Answer 1

你是把图片换成了用背景图片的形式进行展示，但是问题来了：

这确实会减少http的请求数量，但是不会减少占用的流量的，CSS中一堆data-uri的编码不更阻碍视线吗？如果图片是动态的怎么办，你还要动态的生成CSS吗？

优化图片的话，你可以让图片延迟加载(lazy load)。