首页 > web前端 > css教程 > 如何在 Mac 或 Python 上为 CSS 数据 URI 以 Base-64 编码 PNG 图像?

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

Linda Hamilton
发布: 2024-10-30 10:29:27
原创
745 人浏览过

How to Encode PNG Images in Base-64 for CSS Data-URIs on Mac or with Python?

为 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板