你知道Base64编码的图片吗

大家都知道网页中的组件css,script可以有内联、外联之分，如：
网页中内联css\script：

<style>
.WdateFmtErr{
  font-weight:bolder;
  color:red;
}
</style>
<script type="text/javascript">
  $('blog_title').focus();
  new Validation("blog_form");
</script>

网页中外联css\script：

<link href="http://www.iteye.com/stylesheets/themes/blog/blue.css?1308833137" media="screen" rel="stylesheet" type="text/css" />
<script src="http://js.iteye.com/javascripts/application.js?1322469971" type="text/javascript"></script>

但是大家常见web对图片的引用大都是外联的吧，即类似这中形式来引用：

<img alt="Newpm" src="http://www.iteye.com/images/newpm.gif?1308833136"/>

但是以下面形式对图片的使用，也是可以的，算是内联：

 <IMG
   SRC="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw
   AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz
   ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp
   a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl
   ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis
   F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH
   hhx4dbgYKAAA7"
   ALT="Larry">

Data是一种新的url协议，能够显示出用编码后的字节来表示的图片。对非常小的图片，或在某种需要的情况下，可以考虑使用这个方式。

大部分浏览器支持这种data开头的url可以直接打开，在浏览器中直接敲data:image/gif那一串，能看到图片。

具体可参考：http://tools.ietf.org/html/rfc2397。