SVG-till-Base64-kodare

Konvertera SVG-vektorgrafik till Base64-kodat format, stöder batchbearbetning och kan bäddas in direkt i HTML och CSS

Körningsläge i webbläsaren: Dina data bearbetas i webbläsaren och laddas inte upp till servern.

Hastighet och stabilitet: Bearbetningshastigheten beror på din enhet och webbläsare. För stora batchjobb kan skrivbordsversionen vara stabilare.

Verktyget laddas, vänta...

Om onlineverktyget inte kan laddas eller köras, prova skrivbordsverktyget. https://tools.yikeaigc.com/

Verktygsanvändning

Återgå till gamla versionen

Ställ först in parametrar, importera sedan SVG, konvertera och ladda ner i steg 3. Batchfiler visar bara de första 20 förhandsvisningarna, men hela kön bearbetas.

1Utdataparametrar

Bekräfta först utdatakodtyp och filnamn, gå sedan till importsteget.

Utdataformat

Radbryt lång text

ZIP-filnamn

Alt-text för img-tagg

CSS-selektor

Förhandsstorlek

Lägg till xmlns automatiskt om det saknas
Förbättrar kompatibilitet när SVG läses in som bildresurs. Ta bort XML-deklaration
Minskar utdata och undviker vissa problem med malltolkning. Grundkomprimera SVG-text
Tar bort kommentarer och tomrum mellan taggar utan att ändra grafikstrukturen. Visa resultatförhandsvisning
Förhandsvisa som bild efter konvertering för att undvika direkt körning av SVG-innehåll.

Ställ gärna in utdataformat först och bearbeta sedan filerna.

2Importera innehåll

Välj en SVG-fil eller klistra in ett SVG-kodavsnitt. Filer laddas inte upp till servern.

Klicka för att välja SVG-fil eller dra filen hit Stöder val av en eller flera .svg-filer. Endast de första 20 visas för kontroll.

SVG-källkod

3Importera förhandsvisning

Importera SVG-innehåll först.

4Konvertera och ladda ned

När bearbetningen är klar kan du kopiera resultatet, ladda ned enskilda filer eller packa batchresultat som ZIP.

Väntar0

Lyckades0

Misslyckades0

Resultatstorlek0 KB

Kontrollera att de två första stegen är klara och klicka sedan på starta konvertering.

5Resultatförhandsvisning och enskilda åtgärder

Resultaten visas här när konverteringen är klar.

Instruktioner

Användningsinstruktioner

Ställ in konverteringsparametrar:Välj först utdataformat. Du kan generera Data URI, ren Base64-sträng, HTML img-tagg, CSS background-egenskap eller kod för CSS mask-ikon.
Konfigurera bearbetningsalternativ:
- Radbrytning för lång text:Välj ingen radbrytning eller radbryt vid 76, 120 eller 160 tecken.
- Lägg till xmlns automatiskt:Lägger automatiskt till attributet xmlns när SVG-rotnoden saknar det, så att den enklare kan visas som bildresurs.
- Ta bort XML-deklaration:Rensar XML-deklarationen i början av SVG-filen för att minska malltolkningsfel.
- Grundläggande komprimering:Tar bort kommentarer och tomrum mellan taggar för att förkorta utdata.
Importera SVG-innehåll:Du kan välja en eller flera SVG-filer, eller växla till läget för att klistra in källkod och ange SVG-koden direkt. Vid batchfiler visas endast de första 20 för kontroll, men övriga filer bearbetas också.
Använd exempeldata:Klicka på ”Ladda exempel-SVG” eller ”Fyll i exempelkällkod” för att snabbt se konverteringseffekten.
Starta konvertering:När du går till steget ”Konvertera och ladda ner” klickar du på ”Starta konvertering”, så genererar verktyget motsvarande Base64- eller inbäddningskod.
Kopiera och ladda ner:När konverteringen är klar kan du kopiera enskilda resultat, ladda ner enskilda textfiler, kopiera alla resultat och ladda ner en sammanställd TXT-fil. Batchresultat kan packas som ZIP för nedladdning.
Spara inställningar:Vanliga utdataformat, ZIP-filnamn, alt-text, CSS-väljare och bearbetningsalternativ kan sparas och användas igen nästa gång.

Vanliga frågor

Svar: Du kan konvertera SVG-ikoner eller vektorbilder till textformat och bädda in dem i HTML, CSS, konfigurationsfiler eller enkelfilssidor, vilket minskar referenser till separata resurser.

Svar: Data URI innehåller prefixet data:image/svg+xml;base64, och kan användas direkt som bildadress. Ren Base64 innehåller endast den kodade delen och passar när programmet själv ska lägga till prefixet.

Svar: Den kan användas i HTML:s img-tagg, CSS-egenskapen background-image, CSS mask-ikoner, stilkonfigurationer, komponentexempel eller kodavsnitt i dokumentation.

Svar: Om vissa SVG-filer saknar xmlns kan de visas felaktigt när de läses in som Data URI-bilder. Att lägga till xmlns="http://www.w3.org/2000/svg" bidrar till bättre kompatibilitet.

Svar: Nej. Base64 ändrar bara hur data uttrycks, inte SVG:ns vektorinnehåll, så den behåller sina vektoregenskaper vid skalning.

Svar: Resultatfilen använder samma huvudfilnamn som den ursprungliga SVG-filen och skapar en txt-, css- eller html-fil beroende på utdataformat; vid namnkonflikter läggs siffror automatiskt till för att skilja dem åt.

Svar: Vanliga orsaker är ofullständig SVG-kod, referenser till externa resurser, icke-standardiserade taggar eller stilberoenden. Vi rekommenderar att du först exporterar om en korrekt SVG i designprogrammet och sedan konverterar den.

SVG-till-Base64-kodare

Verktyget laddas, vänta...

Verktygsanvändning

Instruktioner

Användningsinstruktioner

Vanliga frågor

Fråga: Vad används SVG till Base64-kodning till?

Fråga: Vad är skillnaden mellan Data URI och ren Base64?

Fråga: Var kan den konverterade koden placeras?

Fråga: Varför behöver attributet xmlns läggas till?

Fråga: Påverkar Base64-kodning SVG-skärpan?

Fråga: Hur namnges filer efter batchkonvertering?

Fråga: Varför är vissa SVG-förhandsvisningar tomma?

Relaterade verktyg

Verktyg för att konvertera SRT-undertexter till Word

Omvandlare för romerska siffror

Binärt till decimaltal

Verktyg för konvertering av e-boksformat

Alfanumerisk Unicode-konverterare

Markdown-till-PPT-verktyg

Excel till CSV-konverterare

SVG-till-WebP-konverterare

Konverterare från binärt till oktalt

Omvandlare från engelska ord till siffror