Så använder du verktyget
- Klistra in Base64-strängen eller data:image/svg+xml;base64-URI:n.
- Kontrollera förhandsvisningen och det identifierade formatet och måtten.
- Låt SVG vara valt under Ladda ned som. Om indatan är SVG sparas filen som SVG-text.
- Ladda ned .svg-filen och öppna den i en redigerare om du vill läsa eller ändra koden.
Hitta SVG i Base64
Till skillnad från andra bildformat är SVG vanlig XML-text. En fil som börjar med <svg kodas till Base64 som inleds med PHN2Zy, och en fil som börjar med en XML-deklaration (<?xml) inleds med PD94bWwg. Base64-kodad SVG är vanlig i bakgrundsbilder i CSS, ikonuppsättningar, exporter från designverktyg och e-postmallar. MIME-typen är image/svg+xml.
Många data URI:er för SVG är inte Base64 alls utan procentkodad text, till exempel data:image/svg+xml,%3Csvg.... Det här verktyget förväntar sig Base64, så tolka sådana med Data URI-generatorn i stället.
Läs SVG-koden
Förhandsvisningen visar hur grafiken renderas, men det intressanta är ofta koden: path-data, färger, en viewBox eller inbäddade typsnitt. Ladda ned filen som Original eller SVG och öppna den i valfri textredigerare, eller klistra in samma Base64 i Avkoda Base64 för att se XML-koden som text direkt.
Raster till SVG är ett omslag, inte vektorisering
Om Base64-datan är en PNG, JPEG eller en annan bitmappsbild ger valet SVG en SVG-fil som innehåller de ursprungliga pixlarna i ett <image>-element. Det är användbart när ett verktyg bara accepterar SVG-filer, men bilden ritas inte om till former: den blir fortfarande suddig när den förstoras, och filen är större än bitmappen eftersom pixlarna lagras som Base64 inuti den. För riktiga vektorbanor använder du ett vektoriseringsprogram som Potrace eller funktionen Trace Bitmap i Inkscape.
SVG från källor du inte litar på
SVG kan innehålla <script>-element, attribut för händelsehanterare och länkar till externa resurser. Webbläsare blockerar allt detta när en SVG visas som bild, via en <img>-tagg eller en CSS-bakgrund. Skript kan däremot köras och externa resurser läsas in när filen öppnas direkt i en webbläsarflik eller när koden klistras in direkt i en sida. Granska eller sanera SVG från okända källor innan du använder den på det sättet.
Vanliga frågor
Kan verktyget göra om en PNG till en riktig vektor-SVG?
Nej. När en bitmapp konverteras till SVG bäddas bilden bara in i en SVG-fil. Resultatet skalas som den ursprungliga bitmappen, inte som en vektorteckning.
Varför går det inte att avkoda min SVG-data URI?
;base64,. Om inte är SVG-filen procentkodad eller ren text och inte Base64. Data URI-generatorn kan tolka den.Är det säkert att avkoda en SVG från en okänd källa?
Att avkoda och spara den är ofarligt, eftersom resultatet bara är text. Skript i en SVG kan bara köras när den öppnas som dokument eller infogas direkt i en webbsida.
Varför saknas typsnitt eller länkade bilder när jag konverterar en SVG till PNG?
För att rastrera en SVG läser webbläsaren in den som bild, och i det läget kan en SVG inte hämta externa filer. Webbtypsnitt och länkade bilder hoppas över och standardtypsnitt används i stället. Bädda in typsnitt och bilder i SVG-filen så att den blir fristående.