圖片轉Base64 — 資料URI、HTML與CSS
您的檔案絕不會離開裝置
將圖片拖放到這裡
或點擊選擇檔案
JPG, PNG, WebP, GIF, SVG
常見問題
什麼是Base64編碼？
Base64以ASCII字元表示二進位位元組。Vizua會把選取的一張JPG、PNG、WebP、GIF或SVG圖片讀成資料URL，並準備HTML img與CSS background程式碼片段。它不會解碼、最佳化、清理或驗證嵌入的內容。
什麼時候適合使用Base64圖片？
只有在完整目的地對大小、快取、安全政策、解析器與維護的取捨都可接受時，才使用資料URL。沒有通用的10 KB界線。獨立檔案可以分別快取和更新，而嵌入資料會增加容納它的文件大小。
Base64會增加檔案大小嗎？
Base64承載內容的長度是4 × ceil(來源位元組 ÷ 3)，對大型輸入約有33%的額外負擔，另外還有資料URL的媒體類型前綴和填補。Vizua顯示的Base64大小會計入完整資料URL字串，因此不完全等於裸承載內容或壓縮後的傳輸大小。
您可以使用圖片轉Base64 — 資料URI、HTML與CSS完成什麼
將圖片編碼為Base64 data URI。複製HTML img標籤和CSS background。請先檢查處理結果，再以工具提供的對應格式下載檔案。
圖片轉Base64 — 資料URI、HTML與CSS適合在現代瀏覽器中快速、重複地完成工作。您可以使用本頁面的控制項準備結果，不必安裝軟體或建立帳戶。
如何使用圖片轉Base64 — 資料URI、HTML與CSS
- 選取或拖放要處理的檔案，或輸入工具要求的資料。
- 處理前請檢查可用設定，特別是格式、尺寸、品質、顏色，以及其他會影響輸出的細節。
- 檢查結果並下載新檔案，同時保留未變更的原始檔，以便日後需要其他版本。
隱私優先
您的檔案絕不會離開裝置。所有處理都會在瀏覽器中完成。
獲得更好結果的技巧
- 請從品質最佳的來源開始；過小、模糊或高度壓縮的檔案，可保留的細節較少。
- 下載前確認尺寸與格式，確保結果符合目標網站、應用程式、印表機或平台的要求。
- 處理大型檔案時，請關閉不需要的分頁，並先以一個代表性檔案測試，再處理整批檔案。
- 分享結果或取代原始檔之前，請先開啟下載的檔案檢查一次。
圖片轉Base64 — 資料URI、HTML與CSS在工作流程中的用途
您可以使用圖片轉Base64 — 資料URI、HTML與CSS完成單次調整，也可在發布、分享、封存或到其他應用程式繼續編輯前先做好準備。如果工具提供批次處理，請先以少量樣本確認設定，再套用到其餘檔案。