如何转换data：image / svg + xml;来自自然图像的base64数据？

Question

I have a blog in which I need to replace the background-image of .svg-icon.googleplus (line 725 of the stylesheet) .

As of this point, it shows Google+ icon . I need to replace it with Google's original icon . However I don't know how to convert the data:image/svg+xml;base64 data from natural image.

Any suggestions, kind folks?

Answer 1

You can use any kind of image in the background url(). Does not need to be base64. You could replace it with:

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

But if you still want to use Base64 you can use a program or a web service like this one:

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

Hope it helps