這里嵌入指不會因為本地文件丟失而丟失。
參考:https://blog.csdn.net/testcs_dn/article/details/78952358
https://blog.csdn.net/testcs_dn/article/details/78952358
使用 Data Url 將文件存入 markdown 文檔流
在線生成Data Url:
http://imgbase64.duoshitong.com/
https://tool.css-js.com/base64.html
使用 Data Url 的不足:
1、會讓文檔體積變得很大!
2、IE6/7是不支持Data URL技術的,不幸的是在中國還有很多用戶在使用這種古老的瀏覽器。希望各方面包括官方和民間都多做努力工作,讓現代瀏覽器(谷歌瀏覽器,火狐瀏覽器,IE11+)盡快的占領市場,這是我們Web程序員最大的願望。
使用 Data Url 的優點:
說到Data URI的優點,自然少不了“減少鏈接數”,把圖片轉為Base64編碼,以減少圖片的鏈接數。我們先想當然一下,同樣一張圖片,如果不用發起一個下載請求,打開速度是會更快的。但是,有幾個問題需要關注下:
圖片始終是要下載的,那么下載一張圖片的速度快還是下載一堆編碼快?
瀏覽器對圖片的顯示,處理效率哪個更快?
圖片的緩存問題
原文測試,使用Data URL方式的Demo在渲染時會比不使用 多消耗53%左右的CPU資源,內存多出4倍左右,耗時平均高出24.6倍 。由此可見,使用Data URl方式還是需要更多的考量,在可接受的范圍內適量使用。