關於圖片轉 Base64
圖片轉 Base64,適合想把圖片直接寫進程式碼、而不是單獨放一個檔案的時候:CSS 裡的小圖示,HTML 郵件模板裡的 Logo,單檔案演示頁面裡的圖片,或者介面 JSON 裡要傳的一張圖。選擇一張或多張圖片,編碼結果馬上出現。
“複製格式”可以切換 Data URI、純 Base64、CSS、img 標籤和 Markdown,點一下就能複製。Base64 文字比原檔案大約多三分之一,頁面會同時顯示兩種大小,所以更適合小圖。整個過程在瀏覽器裡完成,圖片不上傳,單張最大 20 MB。
圖片轉 Base64怎麼用
- 1選擇圖片
點“選擇圖片”,或拖入要做圖片轉 Base64 的 PNG、JPG、WebP、GIF、SVG、ICO 檔案,圖片不會離開你的裝置。
- 2選複製格式
在“複製格式”裡選 Data URI、Base64、CSS、img 或 Markdown。
- 3複製程式碼
點圖片旁邊的“複製”,貼上到 HTML、CSS 或 JSON 裡。
為什麼用熊仔工匠
- 五種輸出格式
Data URI、純 Base64、CSS 背景、HTML img 標籤、Markdown 圖片。
- 大小直接顯示
每張圖都顯示原始大小和編碼後的大小。
- 多張一起編碼
一整套圖示一次轉完,每張都有自己的複製按鈕。
- 不上傳
編碼在瀏覽器裡完成,不佔每日次數。