网页中直接嵌入小图片的办法

到年底准备给朋友发发贺卡,可是觉得发送HTML页面和贺卡图片太麻烦,记得曾经看到过可以在网页中直接嵌入图片二进制代码,让网页与图片合二为一的简单办法,但是没仔细看,现在翻出来看看。原来根据RFC 2397的说明,它们提供了一个在URL中嵌入数据的便捷方案。HTML中的URL可以用一下格式来表达数据:

data:[<mediatype>][;base64],<data>

mediatype表示:文件类型;如:image/gif,image/jpeg,image/png,text/plain等。
base64表示后面的data用base64的编码,PHP可以用base64_encode。

例如:

< img xsrc= “ data:image/gif;base64,base64编码的数据 “>

如果需要提到的是,这种方法只是用于标准的浏览器,如FireFox,Opera,IE我试过不行,不知道谁有好的解决办法。另外,data的数据也不宜太长,最好长度在1024以内。

显示在网页里的效果: