如何在 Mac 或 Python 上为 CSS 数据 URI 以 Base-64 编码 PNG 图像？

为 CSS 数据 URI 编码 PNG 图像

问题：

使用 data- 将图像合并到 CSS 中URI 需要将图像转换为 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中文网其他相关文章！