關於此工具
使用圖片轉 Data URI 建立
為 HTML 或 CSS 產生包含 MIME 類型的完整圖片 Data URI。圖片保留在您的瀏覽器中。
建立包含正確來源 MIME 類型的完整 data:image/...;base64 URI。輸出可嵌入 HTML 圖片或用於 CSS url() 值。無需上傳檔案。
圖片轉 Data URI
為 HTML 或 CSS 產生包含 MIME 類型的完整圖片 Data URI。圖片保留在您的瀏覽器中。
在你的裝置上執行 免註冊
本機開發者工具
使用方式
- 01
準備您的來源檔案
選擇支援的來源圖片，或在工具提供時從文字範本開始。
- 02
調整結果
建立包含正確來源 MIME 類型的完整 data:image/...;base64 URI。輸出可嵌入 HTML 圖片或用於 CSS url() 值。無需上傳檔案。
- 03
檢查並下載
檢查完整的預覽和輸出設定。下載完成的資產，並保留原始檔案以供比較。
取得更好結果的技巧
- Data URI 包含 data: 前綴、MIME 類型和編碼標記。原始 Base64 字串僅包含編碼後的位元組；應用程式可能需要其中一種格式。
- 在檢查結果前保留原始檔案。
- 以預期的顯示尺寸檢查小文字和細緻邊緣。
- 圖片處理在您的瀏覽器中進行。請在關閉分頁前下載結果。本工具不會覆蓋您的原始檔案。
常見問題
如何使用圖片轉 Data URI？ +
選擇支援的來源圖片，或在工具提供時從文字範本開始。建立包含正確來源 MIME 類型的完整 data:image/...;base64 URI。輸出可嵌入 HTML 圖片或用於 CSS url() 值。無需上傳檔案。
這與原始 Base64 字串有什麼不同？ +
Data URI 包含 data: 前綴、MIME 類型和編碼標記。原始 Base64 字串僅包含編碼後的位元組；應用程式可能需要其中一種格式。
我的輸入檔案在哪裡處理？ +
圖片處理在您的瀏覽器中進行。請在關閉分頁前下載結果。本工具不會覆蓋您的原始檔案。
可以使用哪些檔案？ +
接受的輸入：JPG、PNG、WebP、AVIF、GIF。可用輸出：TXT。瀏覽器解碼支援和所選的輸出設定決定了哪些來源檔案可以處理。
需要帳戶嗎？ +
此工具無需帳戶。您可以在儲存到裝置前檢查輸出結果。