免費註冊

圖片轉 Base64

在本機把圖片編碼成 Base64,按你程式碼需要的格式複製。

關於圖片轉 Base64

圖片轉 Base64,適合想把圖片直接寫進程式碼、而不是單獨放一個檔案的時候:CSS 裡的小圖示,HTML 郵件模板裡的 Logo,單檔案演示頁面裡的圖片,或者介面 JSON 裡要傳的一張圖。選擇一張或多張圖片,編碼結果馬上出現。

“複製格式”可以切換 Data URI、純 Base64、CSS、img 標籤和 Markdown,點一下就能複製。Base64 文字比原檔案大約多三分之一,頁面會同時顯示兩種大小,所以更適合小圖。整個過程在瀏覽器裡完成,圖片不上傳,單張最大 20 MB。

圖片轉 Base64怎麼用

  1. 1
    選擇圖片

    點“選擇圖片”,或拖入要做圖片轉 Base64 的 PNG、JPG、WebP、GIF、SVG、ICO 檔案,圖片不會離開你的裝置。

  2. 2
    選複製格式

    在“複製格式”裡選 Data URI、Base64、CSS、img 或 Markdown。

  3. 3
    複製程式碼

    點圖片旁邊的“複製”,貼上到 HTML、CSS 或 JSON 裡。

為什麼用熊仔工匠

  • 五種輸出格式

    Data URI、純 Base64、CSS 背景、HTML img 標籤、Markdown 圖片。

  • 大小直接顯示

    每張圖都顯示原始大小和編碼後的大小。

  • 多張一起編碼

    一整套圖示一次轉完,每張都有自己的複製按鈕。

  • 不上傳

    編碼在瀏覽器裡完成,不佔每日次數。

常見問題

圖片轉 Base64常見問題

什麼時候適合圖片轉 Base64?
小圖示、郵件模板裡的 Logo、單檔案頁面這類小圖最合適。大照片還是用普通檔案更好,Base64 會大三分之一左右,也沒法單獨快取。編碼前先用圖片壓縮壓小,Base64 文字也會更短。
Data URI 和純 Base64 有什麼區別?
Data URI 帶著圖片型別開頭,比如 data:image/png;base64, 這樣,可以直接放進 src 或 url();純 Base64 只有編碼字元,適合要求原始資料的介面和 JSON 欄位。
圖片轉 Base64 有大小限制嗎?
單張最大 20 MB。實際使用中,嵌進網頁和郵件的圖最好小一點,幾百 KB 以上就會拖慢載入。可以先用修改圖片尺寸把圖片改小一些。
Base64 編碼時圖片會上傳嗎?
不會。瀏覽器在本機讀取並編碼,圖片不會離開你的裝置。
圖片 Base64 編碼要付費嗎?
免費,而且不限次數。在瀏覽器裡執行的工具不佔每日次數,也不用註冊。
把圖片轉 Base64分享給朋友開啟瀏覽器就能用,對方不註冊也能先試。

相關工具

IMG 圖片壓縮批次壓縮 JPG、PNG、WebP、GIF,肉眼看不出差別。
QR 二維碼生成生成網址、文字、Wi-Fi、名片二維碼,可加 Logo、換顏色。
IMG 修改圖片尺寸按畫素、百分比或社交平臺尺寸批次改圖。
KBIMG 圖片壓縮到指定大小壓到 20KB、50KB、100KB 等指定大小,報名、上傳一次過。
IMG 裁剪圖片自由裁剪或按 1:1、4:3、16:9 等比例裁剪,動圖也能裁。
IMG 報名照片尺寸修改按考試、證件要求一次改好畫素、KB 大小和 DPI。
GIF GIF 動圖製作把多張圖做成動圖:GIF、WebP 或 APNG,間隔隨你定。
😆IMG 表情包製作給圖片或 GIF 動圖加字、加表情,做成表情包或貼紙。