如何在 Mac 或 Python 上為 CSS 資料 URI 以 Base-64 編碼 PNG 圖片？

為CSS 資料URI 編碼PNG 影像

問題：

使用data- 將影像合併到CSS 中合併到CSS將影像轉換為Base-64 格式。如何在 Mac 上或使用 Python 實現此目的？

解決方案：

Python 實現：

<code class="python">import base64

# Open the PNG file and read its binary contents
binary_file_content = open(filepath, 'rb').read()

# Encode the binary contents to Base-64 and decode it as UTF-8
base64_utf8_str = base64.b64encode(binary_file_content).decode('utf-8')

# Extract the file extension
ext = filepath.split('.')[-1]

# Format the complete data-URI
dataurl = f'data:image/{ext};base64,{base64_utf8_str}'</code>

註釋：

• data:image/{ext};base64, 前綴是指定影像資料類型所必需的。
• decode('utf-8') 步驟是必不可少的確保字串符合 Unicode，以便在 CSS 中正確顯示。

以上是如何在 Mac 或 Python 上為 CSS 資料 URI 以 Base-64 編碼 PNG 圖片？的詳細內容。更多資訊請關注PHP中文網其他相關文章！