聲明：本文系本人依照真實經曆原創，未經許可，謝絕轉載。
什麼是Data Url呢？Data URI scheme是在RFC2397中定義的，目的是将一些小的資料，直接嵌入到網頁中，進而不用再從外部檔案載入。
例如：
img标簽的src屬性值就是Data Url。
在上面的Data URI中，data表示取得資料的協定名稱，image/png 是資料類型名稱，base64 是資料的編碼方法，逗号後面就是這個image/png檔案base64編碼後的資料。
目前，Data URI scheme支援的類型有：
data:,文本資料
data:text/plain,文本資料
data:text/html,HTML代碼
data:text/html;base64,base64編碼的HTML代碼
data:text/css,CSS代碼
data:text/css;base64,base64編碼的CSS代碼
data:text/javascript,Javascript代碼
data:text/javascript;base64,base64編碼的Javascript代碼
data:image/gif;base64,base64編碼的gif圖檔資料
data:image/png;base64,base64編碼的png圖檔資料
data:image/jpeg;base64,base64編碼的jpeg圖檔資料
data:image/x-icon;base64,base64編碼的icon圖檔資料
那麼如何才能生成Data Url呢？今天我就教大家自己用Visual Studio 2010打造一款Data Url生成工具的方法。
點選打開後，就會立即生成Data Url了，這裡直接把Data Url放到img标簽裡了，友善測試
建立一個文本文檔，把整個img标簽的内容複制粘貼到文檔中，儲存；
然後将檔案的擴充名改為“.html”；
然後在檔案上單擊滑鼠右鍵》打開方式》選擇一個浏覽器，就可以看到效果了。