Base64 圖片/檔案線上轉換 - 編碼解碼與 CSS 一鍵生成

線上 Base64 轉換工具:支援圖片/檔案轉 Base64 Data URL,或將 Base64 還原爲可下載檔案。支援 WebP、批次處理與 CSS background 代碼生成,純本機不上傳。

拖曳或點擊選擇檔案

也可直接貼上 Base64 或檔案

如何使用

  1. 選擇 檔案 → Base64,拖曳或點擊選擇檔案。
  2. 複製 Base64 輸出,或複製 CSS background 代碼。
  3. 切換到 Base64 → 檔案,貼上字符串並下載還原檔案。

核心功能

  • 檔案轉 Base64:拖曳上傳,自動生成 Data URL。
  • Base64 還原檔案:貼上字符串即可恢復並下載。
  • WebP 支援:兼容現代圖片格式,適合前端最佳化。
  • 批次處理:一次處理多個檔案,逐個複製輸出。
  • CSS 生成:一鍵複製 background-image: url('data:...')
  • 隱私保護:離線處理,不上傳檔案或文本。

相關工具

財富自由計算機 2026 (剔除通膨版) - 退休金與複利模擬器

2026 最新 FIRE 財務自由計算機(剔除通膨版)。拒絕虛高數字,精準模擬實際購買力下的複利增長。支援 4% 法則驗證與退休金缺口反向推算。支援一鍵匯出 CSV,完美適配 Excel 或 Notion 財務看板。隱私優先,本機計算零上傳。

倉位計算機 - 按風險比例規劃交易倉位

根據帳戶資金、風險比例、進場價和停損價計算交易倉位。所有計算在瀏覽器本機完成,不上傳帳戶資料,可對比多檔風險方案。

複利計算機 | 免費定期定額收益與 APY 增長圖表

輸入本金、定期投入、年化報酬率和投資年限,計算複利增長結果,並用互動式圖表展示本金、利息和最終總額。資料僅在本機計算。

線上房貸/貸款計算機 - 即時圖表與還款明細(本息平均攤還/本金平均攤還)

使用 Loan Calculator/Mortgage Calculator 在瀏覽器本機計算每月還款額、總利息與還款明細。輸入貸款金額、年利率和期限,立即查看圖表與還款計畫表。

線上投資與 ROI 計算機 - 定期定額/複利收益視覺化

使用 Investment Calculator/ROI Calculator 在瀏覽器本機估算初始本金、每月定期定額、年化報酬率和通膨後的投資結果。立即查看複利圖表、本金/收益拆解、ROI 與年度明細。

APR 與 APY 換算計算機 - 名目利率與實質利率轉換

使用 APR to APY Calculator 在瀏覽器本機完成 APR/APY 雙向換算。輸入利率並選擇複利頻率,立即查看有效年利率、差值和多頻率比較表。

利潤率計算機 - 毛利率、加成率與售價線上換算

使用這款利潤率計算機在瀏覽器本機計算毛利、Margin 和 Markup。輸入成本和售價,或輸入成本與目標毛利率,立即推算售價並避免把加成率誤當利潤率。

CPM 與 CPC 計算機 - 廣告投放 CTR 與成本線上試算

使用 CPM 與 CPC 計算機在瀏覽器本機試算廣告花費、曝光數、點擊數、CPM、CPC 和 CTR。輸入預算與目標成本,快速推演可獲得的曝光或點擊。

計算邏輯

  • Data URL 結構通常形如:data:[<mediatype>][;base64],<data>
  • 檔案讀取可用 FileReader 異步執行,避免阻塞 UI。
  • MIME 類型用於生成正確的 Data URL 前綴與下載擴展名。

常見問題

  • 這個工具免費嗎?
    • 免費。
  • 資料安全嗎?會上傳檔案嗎?
    • 不會。編碼/解碼在瀏覽器本機完成。
  • 如何在 CSS 中使用 Base64 圖片?
    • 上傳圖片後點擊「複製 CSS background」,即可得到可直接貼上的樣式代碼。
  • 爲什麼 Base64 會讓體積變大?(技術原理)
    • Base64 用 4 個字符表示 3 個位元組,通常會帶來約 33% 的體積膨脹,因此更適合小資源或內聯場景。
  • 可以將 WebP 轉成 Base64 嗎?
    • 可以,工具完整支援 WebP 等現代格式。