Wie konvertiert man Daten: image/svg + xml; base64 Daten aus dem natürlichen Bild?

Ich habe eine blog, in der ich die background-image von .svg-icon.googleplus(line 725 of the stylesheet) ersetzen muss.Wie konvertiert man Daten: image/svg + xml; base64 Daten aus dem natürlichen Bild?

Ab diesem Zeitpunkt zeigt es Google+ icon. Ich muss es durch Google's original icon ersetzen. Allerdings weiß ich nicht, wie man die data:image/svg+xml;base64 Daten von natürlichem Bild konvertiert.

Irgendwelche Vorschläge, nette Leute?

Quelle

2016-07-06 xameeramir

Wenn ich die Frage richtig beantworte, ist keine Konvertierung nötig. Suchen Sie nach "google logo svg" und [this] (https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg) erscheint. Erstellen Sie eine Daten-URL und Sie sind fertig. – LarsW

@LarsW - schätzen Sie Ihre Eingaben, wollten aber etwas über das Konvertieren von Bildern in 'data: image/svg + xml; base64' erfahren? Wie ist die Methode? – xameeramir

Sie können jede Art von Bild in der Hintergrund-URL() verwenden. Muss nicht base64 sein. Man könnte es mit ersetzen:

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

Aber wenn Sie noch Base64 verwenden möchten, können Sie ein Programm oder einen Web-Service wie diese verwenden:

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

Hoffe, es hilft

Quelle

2016-07-06 17:37:11

Wie konvertiert man Daten: image/svg + xml; base64 Daten aus dem natürlichen Bild?

Antwort

Verwandte Themen