一般情況,通常是在html頁面中應用圖片的鏈接,如:
<img src="http://baidu.com/logo.gif">
但是,這樣的前提是我們需要將圖片先上傳到指定的網站,然后獲取外鏈。一方面略麻煩,最主要的是存儲圖片的網站是否持續的支持外鏈引用。所以,必要的時候可以將圖片直接插入到html頁面中。如下
<img src="data:image/png;base64,.......">
其中base64逗號之后的就是將圖片經過base64編碼后的數據。在mac os中,terminal直接提供了base64編碼工具,所以比較方便。此外需要說明的是,容易看到src后面應用的數據實際上個uri數據,對此可參考后面的參考1的介紹。
當然這種嵌入方式不好的地方就是,html文件會很臃腫,同時不能在本地將圖片緩存。根據情況,各取所需吧。
參考
1. 圖片base64編碼利器:在線 Data URI 生成工具 – Duri.me