- 選擇要轉換的圖片檔案。
- 工具會產生Base64 Data URL，並顯示預覽與輸出大小。
- 複製 Data URL，貼進您的 HTML、CSS 或程式碼。
轉換使用瀏覽器內建的檔案讀取器，完全在您的瀏覽器內執行。圖片絕不會離開裝置，敏感圖檔與客戶素材的隱私因此有保障。
Data URL 把整張圖片打包進單一字串：data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…。這個字串可以直接貼進 img 標籤、CSS 背景或 Email 簽名檔，讓素材自成一體——不必另外上傳檔案、沒有額外的 HTTP 請求、資料夾搬移時也不會破圖。它正是單檔 HTML 頁面、離線原型、Email 安全圖片，以及必須能在機器間反覆複製的小型 favicon 背後常見的手法。
提示
Base64 會讓圖片放大約三分之一，因此輸出永遠比原始檔案大。請用在小素材——圖示、標誌、縮圖——並留意結果旁顯示的大小；大尺寸照片請改用一般主機 URL 更合適。
請把 Data URL 放在不常變動的 CSS 或標記中；每次建置都重新產生，會讓 diff 變得臃腫。當您需要不含 data: 前綴的原始 Base64 時，把第一個逗號前的部分去掉即可。
為什麼用它
把圖片上傳到第三方轉換工具，等於交出您可能不想分享的檔案；而為了一張小圖示動用桌面工具又太殺雞用牛刀。本轉換器即時、免費且完全離線，一眼就能看到帶驗證的 Data URL、預覽與大小。
典型使用场景
- 博客与电商： 把 4MB 商品图压到 200KB 再上传，页面加载更快，PageSpeed 分数更高。
- 邮件与表单： 很多邮箱拒收 >10MB 附件，压一次就能稳定过检。
- 作品集与社媒： 保持 75-85% 画质，移动端用户流量消耗更少。
与其他工具对比
| 工具 | 是否上传 | 隐私 | 批量 | 费用 |
|---|---|---|---|---|
| 本工具 | 否 | 100% 本地 | 单张高质量 | 免费 |
| TinyPNG/Squoosh | 是/否 | 取决于 | 支持 | 免费增值 |
| Photoshop | 否 | 本地 | 支持 | 付费 |
涉及隐私或临时处理时，浏览器本地工具在隐私与速度上最优。
使用技巧
- 照片先试 78-82% 画质，通常能省 60-70% 体积且肉眼无损。
- 先缩小尺寸再降画质：4000px 缩到 2000px，即使高质量也小 4 倍。
- 保留原图备份，压后细节无法恢复。