CODEWITHSUNDEEP
javascripthtmlcsssvgicons
Xameer
Xameer

Reputation: 31237

How to convert data:image/svg+xml;base64 data from natural image?

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?

Upvotes: 1

Views: 24275

Answers (1)

Luis Rivera
Luis Rivera

Reputation: 517

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

Upvotes: 3

Related Questions