img src 和src-data

<img src="${ctx}/themes/img/profiles/avatar_small.jpg"  
                     data-src="${ctx}/themes/img/profiles/avatar_small.jpg"

                     data-src-retina="${ctx}/themes/img/profiles/avatar_small2x.jpg" width="35" height="35" />

src  直接获取路径

src-data js 获取数据

如：<img src="http://XXX.com/yyy.png" 

其实也可以使用图片的base64编码格式达到同样的效果,

如: <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA

AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO

9TXL0Y4OHwAAAABJRU5ErkJggg==" >

当然也可以把一些样式图片放在css文件中,

个人觉得这个主要是为了降低http连接数, 比较适用于页面上背景图片,直接写在css样式中,而且图片本身不会特别大,不至于base64编码以后文件css文件成倍增大.