圖片轉Base64
將PNG、JPG、GIF、WebP、SVG等可識別圖片轉成Base64 Data URI,保留原始圖片資料,可複製至HTML或CSS使用,也能下載編碼文字。
處理結果將顯示在這裡。
如何將圖片轉成Base64
- 選擇圖片檔案,或將圖片拖曳至輸入區域。
- 用於HTML或CSS時請關閉換行;標準Base64建議保留填補字元。
- 執行編碼後,複製完整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實體,或還原具名實體與數字字元參照。
所有開發者工具
編碼與檔案轉換
在文字、位元組、網址與內嵌圖片之間轉換,保留原始資料。
Base64編碼與解碼
將UTF-8文字轉為Base64,或解碼標準與URL安全格式,自訂填補字元與換行。
Base64URL編碼與解碼
使用-與_產生URL安全的Base64,並解碼不含填補字元的Base64URL。
Base64轉圖片
解碼Base64圖片或Data URI,預覽支援的圖片格式,並下載原始圖片位元組。
檔案轉Base64
將任何檔案轉為Base64字串,可選擇Data URI前綴、填補字元與MIME換行。
Base64轉檔案
將Base64字串與Data URI還原為可下載的檔案,完整保留二進位資料。
URL編碼與解碼
編碼或解碼網址組成部分、完整網址與表單欄位,正確處理百分比編碼與空格。
HTML實體編碼與解碼
將文字轉為HTML實體,或還原具名實體與數字字元參照。
Unicode檢視與跳脫轉換
查看Unicode碼位、UTF-8位元組與UTF-16編碼單元,並轉換JavaScript Unicode跳脫序列。
資料與文字檢查
讀懂結構化資料與權杖,清楚查看文字的每一處變動。
雜湊、識別碼與排程
檢查檔案完整性、產生識別碼,並轉換時間與預覽排程。
MD5雜湊與檔案驗證
計算文字或本機檔案的MD5雜湊,並與預期檢查碼比對。
SHA-1雜湊與檔案驗證
計算UTF-8文字與檔案的SHA-1雜湊,並比對完整檢查碼。
SHA-256雜湊與檔案驗證
產生文字與檔案的SHA-256雜湊,確認下載檔案是否符合已發布的檢查碼。
SHA-512雜湊與檔案驗證
在本機計算文字與檔案的SHA-512雜湊,並比對完整十六進位檢查碼。
CRC32檢查碼計算
計算文字或檔案的標準CRC-32檢查碼,比對八位十六進位結果。
HMAC產生器
使用UTF-8或十六進位金鑰產生HMAC-SHA-1、HMAC-SHA-256與HMAC-SHA-512。
UUID與GUID產生器
產生隨機UUID v4或可依時間排序的UUID v7,支援單筆與批次產生。
Unix時間戳記轉換
轉換Unix秒、毫秒時間戳記與ISO 8601日期,查看UTC及任意IANA時區的對應時間。
Cron表示式解析
驗證五欄或六欄Cron表示式,依IANA時區列出後續執行時間,納入日光節約時間變化。
Cron表示式產生器
透過時間欄位或常用預設產生Cron表示式,在所選時區預覽後續執行時間。
輸入內容與檔案皆在您的裝置上處理。請勿將機密結果留在共用剪貼簿,處理私密金鑰與權杖時請使用可信任的裝置。