圖片與 Base64 互相轉換的運作機制
Base64 圖片轉換器支援雙向轉換。在「圖片 → Base64」模式下，您可以將圖片檔案轉換為 Base64 編碼的文字格式，以便直接嵌入網頁程式碼中。在「Base64 → 圖片」模式下，您可以貼上 Base64 文字字串，將其還原並解碼為原始的圖片檔案。
本工具在處理編碼與解碼時，僅會讀取並還原圖片的原始位元組，不會對圖片進行任何壓縮、裁剪、調整尺寸或強制轉換格式（例如轉為 PNG 或 JPG）的操作。
支援的圖片格式與輸入限制
進行轉換時，工具針對輸入源設有特定的格式與大小限制：
- 圖片檔案輸入：支援的格式包括 PNG、JPG、GIF、WebP、SVG、AVIF、BMP、ICO 與 TIFF。編碼時的最大檔案限制為 5 MB。若一次拖入多張圖片，工具僅會處理並使用第一張圖片。
- Base64 或資料 URI 輸入：可接受標準 Base64 或 URL 安全（URL-safe）的 Base64 字串，並容許字串中含有空白字元與換行符號。解碼時的最大輸入長度限制為 8 MB。
瀏覽器本機處理與隱私保護
當您使用此工具時，圖片的讀取與轉換程序完全在您的瀏覽器本機內執行。圖片資料不會上傳到 BroBroGo 的伺服器。
轉換輸出格式與應用場景
將圖片轉換為 Base64 後，工具會提供「輸出」標籤並產生多種格式供複製使用：
| 格式名稱 | 格式說明與應用 |
|---|---|
| Data URI | 包含 MIME 類型與 Base64 編碼的完整字串，適合直接嵌入網頁。 |
| Base64 | 未包含首部資訊的純 Base64 原始字串。 |
| CSS | 已格式化為 CSS background-image 屬性樣式的程式碼。 |
| HTML | 已格式化為 HTML <img> 標籤的程式碼。 |
此外，工具會顯示「輸出字元」數量以及「圖片大小」的解析度尺寸。在解碼 Base64 時，工具會自動偵測圖片類型，並提供「下載圖片」按鈕，下載的檔案名稱預設為 brobrogo-image. 並加上對應的副檔名。
錯誤訊息與排查說明
在轉換過程中若遇到不符合規則的資料，系統會顯示對應的錯誤提示：
- 若上傳不支援的檔案格式，會顯示「該檔案不是支援的圖片」。
- 若圖片檔案大小超過 5 MB，會顯示「圖片超過
{max}，請換一張更小的」。 - 若瀏覽器讀取檔案失敗，會顯示「無法讀取該檔案」。
- 若貼入的文字不符合編碼規則，會顯示「不是有效的 Base64」。
- 若輸入長度超過 8 MB，會顯示「內容太長，請控制在
{max}以內」。 - 若成功解碼但無法識別為圖片，會顯示「這段 Base64 無法解碼成可辨識的圖片」。
- 若資料已成功解碼但瀏覽器無法渲染，會顯示「資料已解碼，但無法顯示為圖片」。
常見問題
什麼是 Base64 資料 URI 圖片？
它是把圖片編碼成文字，可以直接寫進 HTML 或 CSS，不必再另外載入檔案，省下一次請求——很適合小圖示與郵件範本。
大圖片也適合這樣內嵌嗎？
不建議。Base64 會讓體積增加約三分之一，也無法與頁面分開快取，所以只用於小素材，大圖仍以一般檔案方式引用。
能把 Base64 字串還原成檔案嗎？
可以。切到 Base64 → 圖片，貼上資料 URI 或純 Base64 字串，它會辨識圖片類型、預覽並讓你下載。