什麼是影像到 Base64 轉換器?
image to Base64 轉換器將影像檔案的二進位內容轉換為 Base64 文字字串,通常包裹在資料 URI 中,例如 data:image/png; Base64,iVBORw0KG。。Base64 是一種編碼,使用 64 個可列印 ASCII 字元表示任何二進位數據,因此產生的字串可以直接存在於 HTML、CSS、JSON 或 SVG 中,而無需單獨的檔案請求。此轉換器還反向運行:貼上 Base64 字串或完整資料 URI,然後重建原始影像以供預覽和下載。
開發人員將圖像嵌入為 Base64 以減少 HTTP 請求,內聯小圖示和徽標,以便它們在頁面繪製的那一刻出現,並運送圖像及其標記一起傳輸的獨立文件。資料 URI 帶有自己的 MIME 類型,這就是為什麼瀏覽器可以在解析屬性時渲染資料:image/png;base64,...作為圖片。權衡是大小:Base64 將資料膨脹約三分之一,因此它比大照片更適合小資產。
該工具在您的瀏覽器中完成所有工作。圖像使用瀏覽器檔案 API 在本機讀取和編碼,圖像本身永遠不會上傳到伺服器,伺服器會在您自己的電腦上保留私人藝術作品和螢幕截圖。除了原始 Base64 之外,您還可以獲得準備貼上資料 URI、HTML img 標籤和 CSS 背景圖像聲明,以及解碼的位元組大小,以便您可以在提交之前判斷內聯是否值得。
使用已知字串可以輕鬆檢查 Base64 到影像轉換器的方向。將啟動 iVBORw0KGgo(單一 1×1 像素)的 96 個字元的 PNG 字串貼上到 Base64 to Image 中,然後按 Decode 轉映到 image。您會得到預覽和下載影像按鈕,該按鈕保存已解碼的。png,一個 70 位元組的檔案。將該檔案透過 Image 運行回 Base64,預覽行讀取 image/png (70 B) 解碼 (96 Base64) 字元。若要將 Base64 轉換為其他格式的影像文件,請貼上完整的資料 URI,以便保留正確的類型。
一個實際的注意事項是:資料 URI 大約比其編碼的檔案大三分之一,並且瀏覽器無法單獨快取,因此內聯小圖示以外的任何內容通常比其保存的請求成本更高。
如何使用影像到 Base64 轉換器?
選擇方向
選擇圖像到 Base64 來編碼文件,或選擇 Base64 到圖像來從字串重建圖片。
新增您的輸入
上傳或刪除影像進行編碼,或貼上 Base64 字串或完整資料 URI 進行解碼。
查看輸出
查看預覽、編碼大小以及產生的資料 URI、img 標籤和 CSS 片段。
複製或下載
複製所需的格式,或將解碼後的影像下載回檔案。
主要特點
解碼回文件
貼上資料 URI 並取回影像,當有人向您發送編碼的 blob 時,這是作業中更快的一半
編碼和解碼
將影像轉換為 Base64 資料 URI,或貼上 Base64 以預覽並下載原始影像。
準備貼上片段
在一個地方取得原始 Base64、完整資料 URI、HTML img 標籤和 CSS 背景影像規則。
寬格式支援
適用於 PNG、JPG、GIF、WebP、SVG、BMP、ICO 和 AVIF,並自動偵測正確的 MIME 類型。
Frequently Asked Questions
Related Tools
Caesar Cipher Encoder & Decoder
Encode and decode Caesar cipher text with any shift, plus ROT13 and ROT47. Brute-force all 25 shifts to crack an unknown key.
URL Encoder/Decoder
Encode and decode URLs, query strings, and form data with encodeURIComponent, encodeURI, or form-urlencoded modes
Credit Card Validator
Check a credit card number against the Luhn checksum and detect its card network. Validates the format only, never contacts a bank.
Time Zone Converter
Convert any date and time between IANA time zones with DST-accurate offsets, see the gap between two cities, and plan meetings across the world
Comments
0 comments
No comments yet. Be the first to share your thoughts!