SVG til Base64

Brug denne gratis SVG til Base64-konverter til at omdanne ethvert Scalable Vector Graphics-billede til en Base64-streng eller et færdigt kodeudsnit. Vælg en lokal .svg-fil (eller indsæt et link til en fjern), vælg outputformat, og tryk på Kod SVG til Base64.

SVG-fil
Slip din SVG-fil her, eller vælg en

Sådan konverterer du SVG til Base64 online

  1. Vælg Lokal fil og vælg en .svg-fil, eller vælg Fjern-URL og indsæt et link.
  2. Vælg outputformat: almindelig Base64, data-URI, HTML-tag, CSS, JavaScript, JSON eller XML.
  3. Klik på Kod SVG til Base64. Resultatet vises med det samme med en forhåndsvisning.
  4. Kopiér resultatet til udklipsholderen, eller download det som en .txt-fil.

Om SVG (Scalable Vector Graphics)

SVG er et XML-baseret vektorformat: former beskrives med tekst i stedet for pixels, så billedet forbliver skarpt i enhver størrelse. Ideelt til ikoner, logoer og illustrationer.

Da SVG allerede er tekst, kan du også indlejre den URL-kodet i stedet for Base64, hvilket ofte er mindre. Base64 er stadig det sikreste valg, når markup indeholder anførselstegn eller tegn, der ville ødelægge din CSS eller HTML.

Udviklet2001, W3C
TypeVektor (XML-tekst)
GennemsigtighedJa
AnimationJa (SMIL / CSS)
Starter med<svg eller <?xml

Outputformater

Vælg, hvordan resultatet skal pakkes ind. Konverteren kan returnere:

  • txt: kun Base64-strengen, klar til at indsætte i kode, et databasefelt eller en API-forespørgsel.
  • uri: en komplet data:-URI, du kan indsætte i browserens adresselinje eller bruge, hvor en URL accepteres.
  • html img: et <img>-tag med data-URI'en i src.
  • css background image: en CSS-regel med background-image: url(data:...).
  • html favicon: et <link rel="icon">-tag til et indlejret favicon.
  • html hyperlink: et <a>-link, der downloader eller åbner den indlejrede fil.
  • html iframe: en <iframe>, der renderer indholdet inline.
  • javascript image: JavaScript, der opretter et Image-objekt.
  • javascript popup: JavaScript, der åbner indholdet i et nyt vindue.
  • json: et JSON-objekt med filnavn, MIME-type og data.
  • xml: et XML-element med dataene inde i en CDATA-sektion.

Er det sikkert, og hvor stort bliver resultatet?

Din fil uploades aldrig: den læses og konverteres lokalt af din browser med File API, så selv fortrolige dokumenter bliver på din enhed.

Base64 repræsenterer hver 3 bytes med 4 tegn, så det kodede resultat er cirka 33 % større end den oprindelige fil (plus nogle få bytes til padding og data-URI-præfikset).

Ofte stillede spørgsmål

Hvordan konverterer jeg SVG til Base64?

Vælg din .svg-fil ovenfor, og klik på "Kod SVG til Base64". Konverteren læser filen i din browser og outputter Base64-strengen eller en klar data-URI.

Hvad starter en Base64-kodet SVG med?

En SVG-fil kodet til Base64 starter typisk med "PHN2Zy / PD94bWwg". Som data-URI begynder den med "data:image/svg+xml;base64,".

Er der en filstørrelsesgrænse?

Der er ingen hård grænse, fordi konverteringen kører lokalt, men meget store filer giver meget lange strenge. Filer op til ca. 50 MB fungerer fint i moderne browsere.

Hvordan konverterer jeg Base64 tilbage til SVG?

Brug Base64 til SVG-dekoderen: indsæt strengen, så kan du forhåndsvise og downloade den originale .svg-fil.

Relaterede værktøjer og guider

Kommentarer (0)

Spørgsmål, ideer eller en fejl i “SVG til Base64”? Skriv en kommentar, bedøm værktøjet, eller svar på andre.

Ingen kommentarer endnu. Vær den første til at dele din feedback!

Skriv en kommentar

Bedøm dette værktøj:
Esc
↑ ↓ flyt↵ åbnEsc luk