SVG till Base64
Använd den här gratis SVG till Base64-konverteraren för att omvandla valfri Scalable Vector Graphics-bild till en Base64-sträng eller en färdig kodsnutt. Välj en lokal .svg-fil (eller klistra in en länk till en extern), välj utdataformat och tryck på Koda SVG till Base64.
Så konverterar du SVG till Base64 online
- Välj Lokal fil och välj en .svg-fil, eller välj Extern URL och klistra in en länk.
- Välj utdataformat: ren Base64, data-URI, HTML-tagg, CSS, JavaScript, JSON eller XML.
- Klicka på Koda SVG till Base64. Resultatet visas direkt med en förhandsvisning.
- Kopiera resultatet till urklipp eller ladda ner det som en .txt-fil.
Om SVG (Scalable Vector Graphics)
SVG är ett XML-baserat vektorformat: former beskrivs med text i stället för pixlar, så bilden förblir skarp i alla storlekar. Idealisk för ikoner, logotyper och illustrationer.
Eftersom SVG redan är text kan du också bädda in den URL-kodad i stället för Base64, vilket ofta blir mindre. Base64 är ändå det säkraste valet när markupen innehåller citattecken eller tecken som skulle bryta din CSS eller HTML.
| Utvecklad | 2001, W3C |
|---|---|
| Typ | Vektor (XML-text) |
| Transparens | Ja |
| Animation | Ja (SMIL / CSS) |
| Börjar med | <svg eller <?xml |
Utdataformat
Välj hur resultatet ska paketeras. Konverteraren kan returnera:
- txt: bara Base64-strängen, färdig att klistra in i kod, ett databasfält eller en API-förfrågan.
- uri: en komplett
data:-URI som du kan klistra in i webbläsarens adressfält eller använda varhelst en URL accepteras. - html img: en
<img>-tagg med data-URI:n isrc. - css background image: en CSS-regel med
background-image: url(data:...). - html favicon: en
<link rel="icon">-tagg för en inbäddad favicon. - html hyperlink: en
<a>-länk som laddar ner eller öppnar den inbäddade filen. - html iframe: en
<iframe>som renderar innehållet inline. - javascript image: JavaScript som skapar ett
Image-objekt. - javascript popup: JavaScript som öppnar innehållet i ett nytt fönster.
- json: ett JSON-objekt med filnamn, MIME-typ och data.
- xml: ett XML-element med datan i en CDATA-sektion.
Är det säkert och hur stor blir resultatet?
Din fil laddas aldrig upp: den läses och konverteras lokalt av din webbläsare med File API, så även konfidentiella dokument stannar på din enhet.
Base64 representerar var 3:e byte med 4 tecken, så det kodade resultatet blir ungefär 33 % större än originalfilen (plus några byte för utfyllnad och data-URI-prefixet).
Vanliga frågor
Hur konverterar jag SVG till Base64?
Välj din .svg-fil ovan och klicka på "Koda SVG till Base64". Konverteraren läser filen i din webbläsare och ger Base64-strängen eller en färdig data-URI.
Vad börjar en Base64-kodad SVG med?
En SVG-fil kodad till Base64 börjar vanligtvis med "PHN2Zy / PD94bWwg". Som data-URI börjar den med "data:image/svg+xml;base64,".
Finns det en filstorleksgräns?
Det finns ingen hård gräns eftersom konverteringen körs lokalt, men mycket stora filer ger mycket långa strängar. Filer upp till ungefär 50 MB fungerar bekvämt i moderna webbläsare.
Hur konverterar jag Base64 tillbaka till SVG?
Använd Base64 till SVG-avkodaren: klistra in strängen, så kan du förhandsgranska och ladda ner den ursprungliga .svg-filen.
Kommentarer (0)
Frågor, idéer eller en bugg i “SVG till Base64”? Lämna en kommentar, betygsätt verktyget eller svara andra.
Inga kommentarer ännu. Bli först med att dela din feedback!