Slik bruker du verktøyet
- Lim inn Base64-strengen eller data:image/svg+xml;base64-URI-en.
- Sjekk forhåndsvisningen og det gjenkjente formatet og dimensjonene.
- La SVG stå valgt under Last ned som. For SVG-inndata lagres filen som SVG-tekst.
- Last ned .svg-filen og åpne den i et redigeringsprogram hvis du vil lese eller endre koden.
Finne SVG i Base64
I motsetning til andre bildeformater er SVG ren XML-tekst. En fil som begynner med <svg, blir til Base64 som begynner med PHN2Zy, og en fil som begynner med en XML-deklarasjon (<?xml), blir til Base64 som begynner med PD94bWwg. Base64-SVG-er er vanlige i CSS-bakgrunnsbilder, ikonsett, eksporter fra designverktøy og e-postmaler. MIME-typen er image/svg+xml.
Mange SVG-data URI-er er ikke Base64 i det hele tatt, men prosentkodet tekst, for eksempel data:image/svg+xml,%3Csvg.... Dette verktøyet forventer Base64, så analyser slike med Data URI-generatoren i stedet.
Lese SVG-koden
Forhåndsvisningen viser hvordan grafikken gjengis, men ofte er det koden som er interessant: banedata, farger, en viewBox eller innebygde skrifter. Last ned filen som Original eller SVG og åpne den i et hvilket som helst tekstredigeringsprogram, eller lim inn den samme Base64-strengen i Base64-dekoderen for å se XML-en som tekst med en gang.
Raster til SVG er en innpakning, ikke vektorisering
Hvis Base64-dataene er en PNG, JPEG eller en annen bitmap, gir valget SVG en SVG-fil som inneholder de opprinnelige pikslene i et <image>-element. Det er nyttig når et verktøy bare godtar SVG-filer, men bildet blir ikke vektorisert til former: det blir fortsatt uskarpt når det forstørres, og filen er større enn bitmapen fordi pikslene lagres som Base64 inni den. For ekte vektorbaner bruker du vektoriseringsprogramvare som Potrace eller funksjonen Trace Bitmap i Inkscape.
Håndtere SVG fra ukjente kilder
SVG kan inneholde <script>-elementer, attributter for hendelseshåndtering og lenker til eksterne ressurser. Nettlesere blokkerer alt dette når en SVG vises som bilde, via en <img>-tagg eller en CSS-bakgrunn. Skript kan derimot kjøre og eksterne ressurser lastes inn når filen åpnes direkte i en nettleserfane, eller når koden limes rett inn i en side. Gå gjennom eller rens SVG fra ukjente kilder før du bruker den på den måten.
Ofte stilte spørsmål
Kan verktøyet gjøre en PNG om til en ekte vektor-SVG?
Nei. Konvertering av en bitmap til SVG bygger bare inn bildet i en SVG-fil. Resultatet skaleres som den opprinnelige bitmapen, ikke som en vektortegning.
Hvorfor lar ikke SVG-data URI-en min seg dekode?
;base64,. Hvis ikke, er SVG-en prosentkodet eller ren tekst og ikke Base64. Data URI-generatoren kan analysere den.Er det trygt å dekode en SVG fra en ukjent kilde?
Å dekode og lagre den er ufarlig, fordi resultatet bare er tekst. Skript i en SVG kan bare kjøre når den åpnes som et dokument eller settes rett inn i en nettside.
Hvorfor mangler skrifter eller lenkede bilder etter at jeg har konvertert en SVG til PNG?
For å rasterisere en SVG laster nettleseren den som et bilde, og i den modusen kan en SVG ikke hente eksterne filer. Nettskrifter og lenkede bilder hoppes over, og standardskrifter brukes i stedet. Bygg inn skrifter og bilder i SVG-en for å gjøre den selvstendig.