您如何对 PNG 图像进行 base-64 编码以在 CSS 文件中的 data-uri 中使用?

How do you base-64 encode a PNG image for use in a data-uri in a CSS file?(您如何对 PNG 图像进行 base-64 编码以在 CSS 文件中的 data-uri 中使用?)
本文介绍了您如何对 PNG 图像进行 base-64 编码以在 CSS 文件中的 data-uri 中使用?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想对 PNG 文件进行 base-64 编码,以将其包含在我的样式表中的 data:url 中.我该怎么做?

I want to base-64 encode a PNG file, to include it in a data:url in my stylesheet. How can I do that?

我在 Mac 上,所以 Unix 命令行上的东西会很好用.基于 Python 的解决方案也很棒.

I’m on a Mac, so something on the Unix command line would work great. A Python-based solution would also be grand.

推荐答案

这应该在 Python 中完成:

This should do it in Python:

import base64
encoded = base64.b64encode(open("filename.png", "rb").read())

这篇关于您如何对 PNG 图像进行 base-64 编码以在 CSS 文件中的 data-uri 中使用?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

How to play a base64 response from Google Text to Speech as an mp3 audio in browser using Javascript(如何使用Java脚本在浏览器中将从Google文本到语音的Base64响应作为mp3音频播放)
Its possible to merge two audio #39;base64data#39; strings to create an unique audio file?(是否可以合并两个音频字符串以创建唯一的音频文件?)
wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
Minify CSS with Node-sass(使用Node-Sass缩小CSS)
How to rotate outer div not inner content(如何旋转外部div而不是内部内容)
how to apply css transform to child on parent hover(如何对父级悬停时的子级应用CSS变换)