ESP32-Web-Server編程-通過 Base64 編碼在網頁中插入圖片

概述

不同于上節 ESP32-Web-Server編程-在網頁中通過 src 直接插入圖片，本節引入 Base64 編碼來顯示圖片。

Base64 是一種用64個字符來編碼表示任意二進制數據的方法。任何符號都可以轉換成 Base64 字符集中的字符，這個轉換過程就叫做base64編碼。

通常，Base64 編碼會使數據的長度增加，好處是編碼后的文本數據可以在郵件正文、網頁等直接顯示。

有時打開一個網頁，就能看到某些樣式中的圖片不是一個由 src標識的資源地址，而是 base64 編碼的字符串，這么做有什么好處呢？ 這樣可以減少一次請求 src 對應的文件的 http 請求。但也并不是什么圖片都適合用 base64 來處理，因為圖片越大，轉換的 base64 的字符串就越長，對帶寬的要求更高了。

需求及功能解析

本節演示在 ESP32 Web 服務器上插入若干 base64 編碼后的圖片。

將您的圖像轉換為 Base64 編碼。可以 訪問以下網站：

• www.base64-image.de

• https://www.base64encode.org/

示例解析

• 目