Turn SVG markup into a compact data URI and a copy-ready CSS background — encoded in your browser.
Paste SVG below, or drop a file · encoded on your device, nothing uploaded
No size limit · files are processed on your device and never uploaded · how it works
SVG in
Preview
Data URI
CSS background
URL-encoding is usually smaller than Base64 for SVG and stays readable. Runs in your browser. Shrink the SVG first with the SVG optimizer.
Runs in your browser. Files are never uploaded — you can go offline after the page loads.
Drop files, pick options, download. Whole folders at once, no signup, no daily limit.
The same engines the professionals use — SVGO, resvg, MozJPEG, libwebp, libavif — compiled to run in your browser.
Files are processed on your device and never uploaded. Close the tab and nothing remains anywhere.
Embedding an SVG as a data URI saves an HTTP request and keeps icons in your CSS or HTML. URL-encoding is usually smaller than Base64 for SVG and stays readable, so it's the default; Base64 is there for tools that expect it.
You get a live preview, the byte size, the raw data URI and a ready background-image snippet. Shrink the SVG first with the SVG optimizer for the smallest result. Runs in your browser.
For SVG, URL-encoding is usually smaller than Base64 and stays human-readable — best for inlining icons in CSS. Base64 is offered for tools that expect it.
No — encoding happens entirely in your browser.
Most online converters upload your file to a server. InfyTool ships the actual encoders to your browser as WebAssembly instead, so processing happens inside your tab — faster for batches, and nothing to delete afterwards.
InfyTool is built by the same team as these free libraries.