Sådan bruger du værktøjet
- Indsæt Base64-strengen eller data:image/svg+xml;base64-URI'en.
- Tjek forhåndsvisningen og det genkendte format og dimensionerne.
- Lad SVG stå under Download som. Er inputtet SVG, gemmes filen som SVG-tekst.
- Download .svg-filen, og åbn den i en editor, hvis du vil læse eller ændre koden.
Sådan finder du SVG i Base64
I modsætning til andre billedformater er SVG almindelig XML-tekst. En fil, der starter med <svg, bliver til Base64, der begynder med PHN2Zy, og en fil, der starter med en XML-erklæring (<?xml), begynder med PD94bWwg. Base64-SVG'er er almindelige i CSS-baggrundsbilleder, ikonsæt, eksporter fra designværktøjer og e-mailskabeloner. MIME-typen er image/svg+xml.
Mange SVG-data URI'er er slet ikke Base64, men procentkodet tekst, for eksempel data:image/svg+xml,%3Csvg.... Dette værktøj forventer Base64, så fortolk dem i stedet med Data URI-generatoren.
Sådan læser du SVG-koden
Forhåndsvisningen viser, hvordan grafikken gengives, men det interessante er ofte koden: stidata, farver, en viewBox eller indlejrede skrifttyper. Download filen som Originalt format eller SVG, og åbn den i en hvilken som helst teksteditor, eller indsæt den samme Base64 i Base64-afkodning for at se XML'en som tekst med det samme.
Raster til SVG er en indpakning, ikke vektorisering
Hvis Base64-dataene er en PNG, JPEG eller en anden bitmap, giver valget SVG en SVG-fil, der indeholder de oprindelige pixels i et <image>-element. Det er nyttigt, når et værktøj kun accepterer SVG-filer, men billedet bliver ikke omsat til former: Det bliver stadig sløret, når det forstørres, og filen er større end bitmappen, fordi pixelene ligger som Base64 inde i den. Vil du have rigtige vektorstier, så brug et vektoriseringsprogram som Potrace eller funktionen Trace Bitmap i Inkscape.
Håndtering af SVG fra ukendte kilder
SVG kan indeholde <script>-elementer, attributter til hændelseshåndtering og links til eksterne ressourcer. Browsere blokerer alt dette, når en SVG vises som billede via et <img>-tag eller en CSS-baggrund. Scripts kan køre, og eksterne ressourcer kan indlæses, når filen åbnes direkte i en browserfane, eller når dens kode indsættes inline i en side. Gennemgå eller rens SVG fra ukendte kilder, før du bruger den på den måde.
Ofte stillede spørgsmål
Kan værktøjet lave en PNG om til en rigtig vektor-SVG?
Nej. Når en bitmap konverteres til SVG, indlejres billedet blot i en SVG-fil. Resultatet skalerer som den oprindelige bitmap, ikke som en vektortegning.
Hvorfor kan min SVG-data URI ikke afkodes?
;base64,. Hvis ikke, er SVG'en procentkodet eller rå tekst og ikke Base64. Data URI-generatoren kan fortolke den.Er det sikkert at afkode en SVG fra en ukendt kilde?
Det er ufarligt at afkode og gemme den, fordi resultatet bare er tekst. Scripts i en SVG kan kun køre, når den åbnes som et dokument eller indsættes inline i en webside.
Hvorfor mangler skrifttyper eller linkede billeder, når jeg konverterer en SVG til PNG?
For at rasterisere en SVG indlæser browseren den som billede, og i den tilstand kan en SVG ikke hente eksterne filer. Webskrifttyper og linkede billeder springes over, og der bruges standardskrifttyper i stedet. Indlejr skrifttyper og billeder i SVG'en for at gøre den selvstændig.