圖片轉 Data URI
在本機把圖片轉換成 Base64 的 Data URI,直接貼入 HTML 或 CSS。免上傳。
正在你的裝置上本機處理 ...
你的檔案
正在你的裝置上本機處理 ...
0%
你的檔案永遠不會離開你的裝置
我的檔案會被上傳嗎？
不會。一切都在你的瀏覽器中執行，你的檔案永遠不會離開你的裝置。這一點如何查證
Data URI 會把圖片直接編碼成文字 (Base64),這樣不需要另外的檔案或額外的網路要求,就能內嵌進 HTML (img 的 src) 或 CSS (背景)。本工具會把你的圖片轉換成可直接貼上的 data: URI。
輸出是一份純文字檔,內含完整的 data:image/...;base64,... 字串。它適合小圖示、電子郵件範本、單一檔案示範,或用來省去一次額外要求,不過 Base64 文字會比原始位元組大約多出三分之一。
所有處理都在瀏覽器內完全於本機完成 (離線亦可使用,免上傳),圖片絕不會離開你的裝置。圖片會照原樣編碼 (位元組相同、格式相同、不重新編碼);非常大的圖片會產生非常長的字串,因此最適合小圖片。
內嵌的誠實取捨：data URI會隨每次HTML或CSS檔案的傳輸一起下發，瀏覽器不會單獨快取它。經驗法則：只有幾KB的小圖示才值得內嵌；大圖片最好保持獨立檔案。想快速驗證，可以把字串直接貼到瀏覽器網址列。
技術規格
| 輸入格式 | JPG, JPEG, PNG, WEBP |
|---|---|
| 自動轉換 | GIF, BMP, TIFF, ICO, SVG, HEIC, PDF, DOCX, DDS, HDR, PCX, WBMP |
| 輸出格式 | TXT |
| 批次處理 | 支援 |
| 處理方式 | 在瀏覽器中本機處理 (JavaScript) |
| 檔案上傳 | 無 |
三個步驟
- 拖入或輕觸選取你的圖片 (PNG、JPEG 或 WebP)。
- 在瀏覽器內被 Base64 編碼成 data: URI。
- 下載含有 Data URI 的文字檔 (可直接貼上)。
限制: 把圖片位元組照原樣 Base64 編碼成 data:<type>;base64,... 字串,儲存為文字檔。Base64 比原始大約多 33%,因此最適合小圖片。原始格式與位元組都會保留 (不重新編碼)。
常見問題
我的圖片會被上傳嗎?
不會。編碼完全在瀏覽器內於本機進行 (離線亦可)。圖片絕不會離開你的裝置。
Data URI 用在哪裡?
把它貼為 img 的 src 或 CSS 背景,即可內嵌圖片,不需要另外的檔案或要求。
會讓檔案變大嗎?
會。Base64 文字比原始位元組大約多出三分之一,因此 Data URI 最適合小圖片。
圖片會被改動嗎?
不會。編碼的是原始位元組本身,因此格式與畫質都不變。