Wie kann ich ein SVG-Daten-URI in CSS einbetten, indem der Präprozessor Stylus verwendet wird, ohne dass das SVG Base64-codiert ist?Stylus Inline SVG-Daten-URI ohne base64-Codierung
So:
background: url('data:image/svg+xml;utf8,<svg>[...]</svg>');
statt dessen:
background: url('data:image/svg+xml;base64,PD94bWwg[...]');
Normaly habe ich verwendet stylus.url()
Bilder einbetten, aber es wird auch Base64 kodieren SVGs.
Ich möchte Daten anstelle von externen Dateien verwenden, um Dateianfragen zu speichern. Und ich habe festgestellt, dass Base64-Codierung SVGs Bytes tatsächlich hinzufügt, anstatt die Größe zu reduzieren.
Ich kann keine Methode zum Einbetten der SVG wie sie ist finden.
Sie können keine externat SVG-Datei tun und es in CSS nennen? Wie Hintergrund: URL (youshape.svg); – Mat
Auch Hintergrundbilder (sogar SVG) sind ** nicht ** "Inline-Bilder". –
@Paulie_D Ich bin an SASS und Compass gewöhnt, wo die Methode wörtlich "inline-image()" genannt wird, was mich verwirrt hat. Wie würdest du es nennen? "einbetten"? – pstenstrm