什麼是 Data URL？
Data URL 是「把整張圖片塞進網址字串」的格式，例如：
data:image/png;base64,iVBORw0KGgo...
HTML / CSS / Markdown 都能直接內嵌、不用額外 HTTP 請求載入圖片。
使用情境
- Email HTML 嵌圖：避免郵件用戶端封鎖外部資源
- 小 icon / Logo 內聯：減少 HTTP 請求數
- Markdown 文件自含圖片：可單檔分發、不怕外部連結失效
- 測試 / Mock 資料：直接把圖塞進 JSON、不用真實檔案
- CSS background-image：減少額外載入
注意限制
- Base64 編碼後大小會增加約 33%，不適合大圖
- 超過 5 MB 的圖片本工具會擋住，避免瀏覽器卡死
- Email 部分用戶端對嵌圖大小有限制（Gmail 約 100 KB / 張）
- HTML 文件變大後快取效率變差，每次重新整理都要重下整段內聯
- 理想用途：< 10 KB 的小圖示
隱私說明
檔案完全在你的瀏覽器內處理、不上傳。用 FileReader API 讀取後轉換、 連暫存伺服器都沒有，私密資料可放心使用。