html文件中嵌入图片

在一个网页中，嵌入一张图片，通常的做法是<img src="http://xxx.com/aa.png"> ，但是这样当页面加载时，如果url属于当前域名，则先开一个 http请求； 否则就要先建一个TCP连接了。 能否将一张图片的数据直接嵌入到html 中呢？ 答案是可以的。

 

方法：

生成一个a.html文件，内容如下：

 

<h3>hello html5</h3>
<img src="https://img-blog.csdnimg.cn/2022010613153056267.png">

 

用chrome浏览器打开，即可以看到一张图片，但它却没有新建一个http(TCP)链接！可以右键保存生成的图片。

 

其中,iVBORw...后面的信息就是图片的信息，它是怎么得来的呢？

如，一张图片叫 a.jpg

使用python，生成这些信息

 

r = open('a.jpg','rb')
s = r.read()
r.close()

print s.encode('base64')

 

即可获取  iVBORw...