「這張圖片要怎麼傳送才好？」
在進行前端開發時，您是否曾有過這樣的念頭：
「這張小圖示，好像沒必要特地為了它發送一個圖片檔案請求……有沒有辦法能把它當作文字，直接嵌入程式碼裡呢？」
又或者是，當您試圖透過 API 交換二進位資料 (Binary Data)，卻在 JSON 中看到滿滿的「亂碼」而感到絕望。
在這種時刻，我們的救星就是名為 Base64 的魔法翻譯術。
二進位與文字之間的「橋樑」
電腦深處由「0 與 1」組成的二進位資料，原本是無法通過電子郵件或 JSON 這種「文字世界」的。如果強行傳輸，資料會在途中損毀。
因此，將二進位資料替換成如 A-Z 或 0-9 等「任何人都能讀取的 64 種字元」。這就是 Base64 編碼的本質。這就像是將易碎的玻璃藝品（二進位）裝入堅固的紙箱（文字）中封箱寄出的意象。
工程師必知的「包裝成本」
不過，這種「包裝」也有點副作用。
轉換為 Base64 後，資料體積會膨脹到原始大小的 約 1.3 倍。
如果僅僅因為「方便」，就把高畫質的大圖全部轉成 Base64 並嵌入 HTML 中，網頁讀取速度就會變得像烏龜一樣慢。
「小圖示用 Base64 快速搞定」、「大照片則作為檔案聰明處理」。
當您能學會區分這兩者，您的程式碼將會變得更加洗練。
在 DevToolKits 中「快速」轉換
「這段 Base64 本來是什麼？」、「我想把這段字串改成 Base58」。
這種時候，請試試本站的 Base64/58/32 轉換工具。
只需點選一個按鈕，即可完成複雜的編碼與解碼。讓處理二進位資料時能感到更親近、更有趣。請讓我們協助您的開發流程變得稍微輕快一些。
結語
Base64 就像是數位世界的「共通語言」。
透過理解其原理並接受它的特性（會稍微變胖一點喔！），資料串接的煩惱將會大幅減少。來吧，今天也讓我們輕快地撰寫程式碼吧！