markdown嵌入圖片


這里嵌入指不會因為本地文件丟失而丟失。

參考: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

avatar

使用 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方式還是需要更多的考量,在可接受的范圍內適量使用。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM