自給自足，輕松將圖片圖片內嵌到HTML

1.為什么要將圖片內嵌到HTML？

針對于這個問題，我們有如下幾種答案

1)能減少并發請求，適合且合理的使用，能提高網站的訪問速度

2)便于分享，完全可以將需要的圖片，樣式，JS與內容放到一個HTML頁中，而不會有零零碎碎的大量文件。

3)在某些網站發表文章時，不需要第三方圖床也可以發表圖片。

2.如何將圖片內嵌到HTML？

我們的這種用法，被稱做Data URI scheme，它是在RFC2397中定義的,目的是將一些小的數據,直接嵌入到網頁中,從而不用再從外部文件載入。

格式如下：

data:類型;base64,BASE64字符串

類型支持 text/plain，text/css，text/javascript，image/gif，image/png，image/jpeg，image/x-icon

支持在CSS的background或者img的src中使用Data URI scheme，如：

總結

以上是生活随笔為你收集整理的如何把图片嵌到html中,自给自足，轻松将图片图片内嵌到HTML的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。