圖片轉Base64

將PNG、JPG、GIF、WebP、SVG等可識別圖片轉成Base64 Data URI,保留原始圖片資料,可複製至HTML或CSS使用,也能下載編碼文字。

編碼
輸入內容0 個字元
處理結果

處理結果將顯示在這裡。

如何將圖片轉成Base64

  1. 選擇圖片檔案,或將圖片拖曳至輸入區域。
  2. 用於HTML或CSS時請關閉換行;標準Base64建議保留填補字元。
  3. 執行編碼後,複製完整Data URI,或下載產生的文字結果。

圖片轉Base64使用說明

Data URI包含媒體類型與圖片編碼,不會縮放或重新壓縮圖片。Base64體積比原始二進位資料約大三分之一,大尺寸網頁圖片通常更適合直接使用圖片檔案。

一像素GIF轉為Base64 Data URI

輸入內容
pixel.gif (1 × 1 px, 42 B)
處理結果
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

圖片轉Base64常見問題

轉換結果如何用在HTML或CSS?

將完整的data:image/…;base64,…填入HTML的img src屬性,或CSS的url("…")中。前綴用來標示圖片格式,不屬於Base64編碼本體。本工具輸出URI,不會另外包上HTML標籤或CSS規則。

透明背景、動畫與畫質會保留嗎?

會。工具直接編碼原始檔案位元組,不縮放,也不重新壓縮。PNG透明資訊、GIF動畫與SVG標記都會保留在資料中;能否正常顯示,仍取決於使用結果的應用程式。

支援哪些圖片?檔案上限是多少?

工具依檔案內容識別PNG、JPEG、GIF、WebP、BMP、TIFF、AVIF,以及符合識別條件的SVG文件。每次處理一個檔案,上限為32 MiB。其他格式可使用「檔案轉Base64」;能夠編碼,不代表瀏覽器一定能顯示。

Base64會讓圖片變小嗎?可以用在電子郵件嗎?

不會。編碼本體通常會增大約三分之一,還要加上URI前綴。小圖示可以考慮內嵌,大圖通常更適合獨立檔案。部分郵件軟體或網站安全政策會封鎖data:圖片,使用前請在目標環境測試。

檔案、權杖和文字會上傳嗎?

不會。這些工具都在您的瀏覽器中處理資料。網站只提供頁面與程式碼,不會把輸入內容傳送到轉換伺服器,也不會儲存到帳號中。

  • Base64轉圖片

    解碼Base64圖片或Data URI,預覽支援的圖片格式,並下載原始圖片位元組。

  • 檔案轉Base64

    將任何檔案轉為Base64字串,可選擇Data URI前綴、填補字元與MIME換行。

  • HTML實體編碼與解碼

    將文字轉為HTML實體,或還原具名實體與數字字元參照。

所有開發者工具

編碼與檔案轉換

在文字、位元組、網址與內嵌圖片之間轉換,保留原始資料。

資料與文字檢查

讀懂結構化資料與權杖,清楚查看文字的每一處變動。

雜湊、識別碼與排程

檢查檔案完整性、產生識別碼,並轉換時間與預覽排程。

輸入內容與檔案皆在您的裝置上處理。請勿將機密結果留在共用剪貼簿,處理私密金鑰與權杖時請使用可信任的裝置。