如何从自然图像转换数据：image/svg+xml;base64 数据？答案

【问题标题】：How to convert data:image/svg+xml;base64 data from natural image?如何从自然图像转换数据：image/svg+xml;base64 数据？
【发布时间】：2016-11-08 20:38:30
【问题描述】：

我有一个blog，我需要在其中替换.svg-icon.googleplus (line 725 of the stylesheet) 的background-image。

此时，它显示Google+ icon。我需要用Google's original icon 替换它。但是我不知道如何从自然图像中转换data:image/svg+xml;base64 数据。

各位好心人，有什么建议吗？

【问题讨论】：

如果我得到正确的问题，则无需转换。搜索“google logo svg”并弹出this。创建一个数据 URL，你就完成了。
@LarsW - 感谢您的意见，但想了解如何将图像转换为 data:image/svg+xml;base64？方法是什么？

标签： javascript html css svg icons

【解决方案1】：

您可以在背景 url() 中使用任何类型的图像。不需要是base64。您可以将其替换为：

background-image: url('path/to/img/example.jpg');
background-image: url('path/to/img/example.gif');
background-image: url('path/to/img/example.png');

但如果你仍然想使用 Base64，你可以使用这样的程序或网络服务：

https://www.base64-image.de/

希望对你有帮助

【讨论】：