圖片轉base64 / base64轉圖片（互換）

圖片和 base64 編碼之間有著密切的關系，而且在 web 開發中經常會一起使用。以下是它們的關系和各自的主要用途場景：

1. 圖片和 base64 編碼的關系：

   • 圖片通常以二進制形式存在，可以是 JPEG、PNG、GIF 等格式。
   • Base64 編碼是一種將二進制數據轉換爲文本的編碼方式，使用 64 個字符來表示二進制數據的 6 位。

2. 用途場景：

   • 圖片：
     • 在 web 開發中，圖片通常用於展示圖像內容，例如網頁上的圖標、背景圖片、産品圖片等。
     • 圖片通常以 <img> 標簽的 src 屬性或 CSS 的 background-image 屬性的 URL 形式引用。
   • Base64 編碼：
     • 在某些情況下，將圖片轉換爲 Base64 編碼的字符串可以方便地嵌入到 HTML、CSS 或 JavaScript 中，而不必使用外部文件。
     • 這種方式可以減少 HTTP 請求次數，提高頁麪加載性能，特別是對於小型圖像或圖標。
     • Base64 編碼的圖片字符串可以直接作爲數據 URI 方式嵌入到文档中，形式如 data:image/png;base64,XXXXX，其中 XXXXX 是圖片的 Base64 編碼字符串。

3. 選擇使用場景：

   • 使用原始圖片文件（二進制格式）更適郃大型圖片，因爲它們通常比 Base64 編碼的字符串更小，加載速度更快。
   • 使用 Base64 編碼的圖片適郃小型圖像或圖標，因爲它們可以減少 HTTP 請求，簡化代碼結搆，竝且適用於需要即時展示的情況。