範例（之前）
範例（之後）
關於此功能
在這個頁面，您可以將上傳的圖片資料進行 Base64 編碼，並輸出轉換結果的文字。
轉換後的 Base64 字串只要按一下複製按鈕即可複製全文，也能下載成文字檔。
您可以選擇輸出成 HTML 的![]()
標籤，或是 CSS 的 background-image 屬性。
支援的原始圖片格式為 JPEG、PNG、GIF。
轉換後的 Base64 字串只要按一下複製按鈕即可複製全文，也能下載成文字檔。
您可以選擇輸出成 HTML 的
支援的原始圖片格式為 JPEG、PNG、GIF。
使用方法
-
1選擇圖片請按下「選擇檔案」按鈕，或將圖片拖放到畫面上。
-
2轉換請按下「免費轉換」按鈕。
-
3下載請按下「下載」按鈕。
DataChef 的特色
簡單又免費
免費且無使用次數限制
不需專業知識，操作直覺又簡單
不需專業知識，操作直覺又簡單
免註冊會員
開啟頁面即可立即使用
無須登錄任何個人資料
無須登錄任何個人資料
安全又安心
通訊全程高度加密
按下「下載」後自動刪除檔案
按下「下載」後自動刪除檔案
高速
顯示與轉換都快速順暢，毫無等待壓力
無浮水印
沒有浮水印
無須標註來源出處
無須標註來源出處
可商業使用
可免費用於商業用途
亦無須事先取得商用授權
亦無須事先取得商用授權
■什麼是 Base64 編碼 ⇒可將二進位資料轉成文字形式
圖片通常以二進位格式儲存，而 Base64 編碼會把二進位資料轉換成字串，因此可以將圖片資料當作文字來處理。對使用者來說，看起來和一般圖片沒有任何不同。
■在網站圖片上使用 Base64 編碼的優點
1. 減少請求數：
使用 Base64 編碼，可以把圖片直接嵌入 HTML 或 CSS 之中。由於圖片是以文件的一部分被請求，因此能減少讀取外部檔案的次數。這樣有時可以縮短頁面的載入時間。
2. 版面穩定：
在圖片上使用 Base64 編碼，有時能避免網頁在等待顯示時版面跑掉。在以圖示代替字型、或小型設計元素較多的頁面上，剛進入時圖片尚未到齊，版面可能暫時錯位。使用 Base64 編碼後，圖片會成為文件檔的一部分，就不會以另一個檔案在不同時間點被載入。
3. 圖片保護：
比一般圖片檔更難下載。用按右鍵儲存、長按儲存等常見方法都無法存檔，因此不容易被輕易盜用。
■在網站圖片上使用 Base64 編碼的注意事項
1. 資料量增加：
Base64 編碼通常會讓資料量比原本的二進位資料更大。將大圖片進行 Base64 編碼，會使頁面容量增加，可能導致載入時間變長。
2. 快取效果降低：
Base64 編碼後的圖片不會以外部檔案的形式被快取。同一張圖片若用於其他頁面，就會再次下載。若重視快取的運用，需要審慎評估。
3. 瀏覽器支援度：
部分舊版瀏覽器在顯示 Base64 編碼圖片時可能會有問題。建議使用最新的瀏覽器，或先確認支援狀況。
■總結
綜合來看，當圖片較小（例如小型圖示、設計元素），或希望減少外部檔案的請求數時，Base64 編碼相當方便。使用大圖片、或重視快取運用時，也可一併考慮採用一般的外部檔案，並善用 Base64 編碼來提升您網站的品質。
■什麼是 Base64 編碼 ⇒可將二進位資料轉成文字形式
圖片通常以二進位格式儲存，而 Base64 編碼會把二進位資料轉換成字串，因此可以將圖片資料當作文字來處理。對使用者來說，看起來和一般圖片沒有任何不同。
■在網站圖片上使用 Base64 編碼的優點
1. 減少請求數：
使用 Base64 編碼，可以把圖片直接嵌入 HTML 或 CSS 之中。由於圖片是以文件的一部分被請求，因此能減少讀取外部檔案的次數。這樣有時可以縮短頁面的載入時間。
2. 版面穩定：
在圖片上使用 Base64 編碼，有時能避免網頁在等待顯示時版面跑掉。在以圖示代替字型、或小型設計元素較多的頁面上，剛進入時圖片尚未到齊，版面可能暫時錯位。使用 Base64 編碼後，圖片會成為文件檔的一部分，就不會以另一個檔案在不同時間點被載入。
3. 圖片保護：
比一般圖片檔更難下載。用按右鍵儲存、長按儲存等常見方法都無法存檔，因此不容易被輕易盜用。
■在網站圖片上使用 Base64 編碼的注意事項
1. 資料量增加：
Base64 編碼通常會讓資料量比原本的二進位資料更大。將大圖片進行 Base64 編碼，會使頁面容量增加，可能導致載入時間變長。
2. 快取效果降低：
Base64 編碼後的圖片不會以外部檔案的形式被快取。同一張圖片若用於其他頁面，就會再次下載。若重視快取的運用，需要審慎評估。
3. 瀏覽器支援度：
部分舊版瀏覽器在顯示 Base64 編碼圖片時可能會有問題。建議使用最新的瀏覽器，或先確認支援狀況。
■總結
綜合來看，當圖片較小（例如小型圖示、設計元素），或希望減少外部檔案的請求數時，Base64 編碼相當方便。使用大圖片、或重視快取運用時，也可一併考慮採用一般的外部檔案，並善用 Base64 編碼來提升您網站的品質。