ToolHub
Tool openen

SVG naar Data URI

Converteer SVG naar data URI voor CSS-achtergronden met URL-veilige en Base64-coderingsopties

Formaat converteren
Tool starten Alle tools

Over deze tool

SVG naar Data URI is een online tool die SVG-code omzet naar Data URI-strings voor inline inbedding in CSS en HTML. Het ondersteunt URL-gecodeerde en Base64-uitvoer, optionele SVG-optimalisatie, en genereert kant-en-klare CSS-code — allemaal lokaal verwerkt in je browser.

Belangrijkste functies

Snel voorbeeld

Toepassingen

svg data-uri base64 embed inline

Veelgestelde vragen

Wat is de SVG naar Data URI converter?

De SVG naar Data URI converter is een online Formaat converter die SVG-code omzet naar Data URI-strings voor inline inbedding in CSS en HTML. Het ondersteunt URL-gecodeerde en Base64-codering met SVG-optimalisatie en genereert kant-en-klare CSS-code.

Wat is het verschil tussen URL-gecodeerd en Base64?

URL-gecodeerde Data URI's gebruiken procentcodering om speciale tekens te vertegenwoordigen, wat leidt tot grotere maar beter leesbare uitvoer. Base64-codering produceert een compacte binaire-naar-tekst weergave die kleiner is voor complexe SVG's maar niet mensleesbaar is.

Optimaliseert de tool SVG voor conversie?

Ja, wanneer de optie SVG optimaliseren is ingeschakeld, verwijdert de tool onnodige witruimte, opmerkingen en lege attributen uit je SVG voordat de Data URI wordt gegenereerd, wat resulteert in een kleinere uitvoer.

Worden mijn SVG-gegevens naar een server verzonden?

Nee. Alle SVG-naar-Data-URI conversie vindt volledig plaats in je browser. Je SVG-code wordt nooit geüpload of verzonden naar een server, waardoor je werk volledig privé en veilig blijft.

Kan ik de uitvoer direct in mijn CSS gebruiken?

Ja. De tool genereert kant-en-klare CSS background-image codefragmenten. Kopieer simpelweg de CSS-uitvoer en plak deze in je stylesheet — de Data URI werkt als een geldige achtergrondafbeelding-URL.

Gerelateerde tools

Base64 Encode / DecodeURL Encode / DecodeTimestamp ConverterUnit Converter