什麼是 Base64 圖片轉換器？
「Base64 圖片轉換器」是一個雙向轉換工具，能夠將圖片檔案轉換為名為 Base64 的文字格式，以便直接嵌入到網頁代碼中；同時，它也能將 Base64 格式的文字還原並解碼為圖片檔案。
使用者只需拖放圖片或貼上 Base64 文字，工具便會自動進行處理，並提供轉換後的輸出結果供使用者複製或下載。本工具的轉換操作完全在您的瀏覽器本地進行，圖片只會在您的瀏覽器內讀取並轉換，絕對不會上傳到工具的伺服器，保障您的隱私。
支援的輸入格式與限制
本工具在進行「圖片 → Base64」與「Base64 → 圖片」雙向轉換時，分別有不同的輸入要求與限制：
- 圖片檔案輸入：您可以直接拖放圖片，或點擊選擇檔案。支援的圖片格式非常廣泛，包括 PNG、JPG、GIF、WebP、SVG、AVIF、BMP、ICO 及 TIFF。進行編碼時，單一檔案的最大容量限制為 5 MB。若您一次拖入多張圖片，工具僅會處理並使用第一張圖片。
- Base64 或數據 URI 字串輸入：您可以貼上以
data:image/...開頭的數據 URI，或直接貼上純 Base64 字串。解碼時的最大輸入長度限制為 8 MB。本工具支援標準與 URL 安全（URL-safe）的 Base64 格式，並能自動處理其中的空格與換行。
多樣化的輸出格式與資訊
當您完成轉換後，工具會在「輸出」標籤下方提供多種格式與相關數據：
- 數據 URI：將圖片編碼為文字，非常適合直接嵌入到 HTML 或 CSS 中。
- Base64：提供圖片的純 Base64 原始字串。
- CSS：自動將圖片格式化為 CSS 的
background-image屬性語法。 - HTML：自動將圖片格式化為 HTML 的
<img>標籤語法。 - 輸出字元：顯示產生的 Base64 輸出結果所包含的字元總數。
- 圖片大小：顯示該圖片的實際尺寸維度。
- 下載圖片：提供按鈕讓您下載解碼還原後的圖片檔案。解碼後的圖片在下載時，系統會自動偵測圖片類型，並以
brobrogo-image.作為檔名開頭，後接相應的檔案副檔名。
轉換規則與錯誤提示說明
本工具僅會對圖片的原始位元組進行編碼或還原，過程中不會對圖片進行任何壓縮、裁剪、調整尺寸或轉換為特定格式（例如將其他格式轉為 PNG 或 JPG）。
在操作過程中，如遇到不符合規範的輸入，系統會顯示相應的錯誤提示：
- 若上傳的檔案並非支援的圖片格式，會顯示「該檔案不是支援的圖片。」。
- 若圖片檔案大小超過 5 MB 的限制，會顯示「圖片超過
{max}，請換一張更小的。」。 - 若工具因故無法讀取檔案，會顯示「無法讀取該檔案。」。
- 若貼入的內容並非有效的 Base64 格式，會顯示「不是有效的 Base64。」。
- 若輸入內容超過 8 MB 的解碼限制，會顯示「內容太長，請控制在
{max}以內。」。 - 若 Base64 成功解碼但無法識別為圖片，會顯示「這段 Base64 無法解碼成可辨識的圖片。」。
- 若數據已成功解碼但瀏覽器無法呈現，則會顯示「數據已解碼，但無法顯示為圖片。」。
適用對象與應用場景
此工具非常適合以下有特定開發與設計需求的人士使用：
- 網頁開發人員：需要將小型圖示或預位圖片直接嵌入到 HTML 或 CSS 代碼中，以減少 HTTP 請求並優化載入流程。
- 內容創作者：在製作電子郵件範本時，需要將圖片直接內嵌（Inline）到郵件代碼中，以確保圖片能正常顯示。
- 任何需要轉換的人士：不論是需要將圖片轉換為 Base64 數據 URI，還是需要將現有的 Base64 字串還原並下載為實體圖片檔案的使用者，皆可透過此工具快速完成。
常見問題
甚麼是 Base64 數據 URI 圖片？
它是把圖片編碼成文字，可以直接寫進 HTML 或 CSS，不必再另外載入檔案，省下一次請求——很適合小圖示與郵件範本。
大圖片也適合這樣內嵌嗎？
不建議。Base64 會讓數據體積增加約三分之一，也無法與頁面分開快取，所以只適用於小素材，大圖仍以一般檔案方式引用。
能把 Base64 字串還原成檔案嗎？
可以。切換到 Base64 → 圖片，貼上數據 URI 或純 Base64 字串，它會辨識圖片類型、預覽並讓你下載。