Base64
Image Data URL
⚠️ Large image may freez the browser
Konvertera SVG till Base64 String
Konvertera SVG-bilder till Base64 eller DataURL-strängar med detta verktyg. Ladda upp din SVG-fil och välj önskat utdataformat. Använd Kopiera-knappen för att hämta koden. Denna metod gör det möjligt att infoga SVGs direkt i HTML eller CSS.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Konvertera SVG till Base64 sträng
1
Ladda upp SVG-fil
Ladda upp din SVG-fil genom att klicka eller dra den till uppladdningsområdet.
2
Välj Utdataformat
Välj antingen fliken 'Base64' eller 'DataURL' för att välja önskat utdataformat.
3
Bas64-sträng visas
Den bas64 eller DataURL sträng för din SVG kommer att visas i textområdet nedanför flikarna.
4
Kopiera genererat kod
Klicka på knappen 'Kopiera' för att kopiera den genererade koden till ditt klippbord.
Integrera SVG:er direkt i din kod
Infoga en SVG-bild direkt i din HTML eller CSS utan externa filer. Detta verktyg konverterar SVG till Base64 eller DataURL-strängar, vilket förenklar arbetsflöden och minskar HTTP-förfrågningar. Använd det för att integrera vektorbilder i webbprojekt effektivt.
Snabbt Infoga Vektorgrafik
Vill du integrera vektorbilder i dina webbprojekt? Detta verktyg konverterar SVG-filer till Base64 eller DataURL-strängar, vilket möjliggör direkt inbäddning i HTML eller CSS. Förenkla ditt arbetsflöde genom att minimera externa filberoenden och förbättra prestanda genom reducerade laddningstider.
Vanliga Frågor
Vad är en Base64 eller DataURL sträng och varför skulle jag behöva den?
En Base64- eller DataURL-sträng representerar en bild som text. Detta gör att du kan bädda in bilden direkt i din HTML eller CSS, utan behov av en separat bildfil.
Hur använder jag denna SVG till Base64/DataURL-omvandlare?
Ladda upp din SVG-fil, välj antingen 'Base64' eller 'DataURL' som önskat resultat, och klicka på 'Kopiera'-knappen för att hämta den genererade koden.
Vilka är fördelarna med att använda DataURLs för SVGs?
Att bädda in SVGs som DataURLs kan minska antalet HTTP-förfrågningar, förenkla din projektstruktur och potentiellt förbättra laddningstider.
Finns det några begränsningar med att använda detta verktyg?
Stora SVG-filer kan sakta ner din dator under konvertering, så det är bäst att använda mindre bilder.
Kan jag använda det här verktyget för andra bildformat?
Detta verktyg är specifikt utformat för SVG-bilder. Det stöder inte andra bildformat som JPG eller PNG.