在CSS 資料URI 中對PNG 圖像使用Base64 編碼

為了使用資料URI 將PNG 圖片嵌入到CSS 樣式表中，PNG資料必須先編碼為Base64 格式。此技術允許將外部圖像檔案直接包含在樣式表中。

Unix 命令列解決方案：

base64 -i /path/to/image.png

此指令將輸出Base64 編碼的PNG 資料。

Python 解決方案：

import base64

with open("/path/to/image.png", "rb") as f:
    binary_data = f.read()

base64_data = base64.b64encode(binary_data).decode("utf-8")
ext = "png"

data_uri = f"data:image/{ext};base64,{base64_data}"

print(data_uri)

此 Python 腳本以二進位模式讀取 PNG 文件，將其轉換為 Base64，然後建構資料 URI，包括適當的 MIME 類型和副檔名。

附加說明：

• 確保影像的副檔名包含在 MIME 類型之後的資料 URI 中，例如「data:image/png;base64」。
• 使用Python 中的「decode('utf-8')」方法來處理任何潛在的 Unicode 相關問題。