SVG-naar-Base64-converter — Licentie & kosten?

Gratis, geen watermerk, geen registratie · RFC 3986 mini-svg-data-uri + UTF-8 Base64 Encoder

SVG-naar-Base64-converter

Codeer SVG-bestanden of SVG-code naar compacte UTF-8 Data-URI's, Base64-strings, CSS background-image-regels en HTML img-tags.

SVG uploadenOf plak / bewerk de SVG-code direct hieronder

SVG-broncode

Compacte UTF-8 Data-URI (Aanbevolen) (299 B)

data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='64' viewBox='0 0 128 64'%3E%3Crect x='16.12' y='12.57' width='96' height='40' rx='8' fill='%23008577' stroke='%23004d40' stroke-width='2'/%3E%3Ccircle cx='44.89' cy='32.44' r='10.25' fill='%23ffffff'/%3E%3C/svg%3E

Base64 Data-URI (366 B)

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCAxMjggNjQiPjxyZWN0IHg9IjE2LjEyIiB5PSIxMi41NyIgd2lkdGg9Ijk2IiBoZWlnaHQ9IjQwIiByeD0iOCIgZmlsbD0iIzAwODU3NyIgc3Ryb2tlPSIjMDA0ZDQwIiBzdHJva2Utd2lkdGg9IjIiLz48Y2lyY2xlIGN4PSI0NC44OSIgY3k9IjMyLjQ0IiByPSIxMC4yNSIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==

CSS background-image

background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='64' viewBox='0 0 128 64'%3E%3Crect x='16.12' y='12.57' width='96' height='40' rx='8' fill='%23008577' stroke='%23004d40' stroke-width='2'/%3E%3Ccircle cx='44.89' cy='32.44' r='10.25' fill='%23ffffff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;

HTML <img>-tag

<img src="data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='64' viewBox='0 0 128 64'%3E%3Crect x='16.12' y='12.57' width='96' height='40' rx='8' fill='%23008577' stroke='%23004d40' stroke-width='2'/%3E%3Ccircle cx='44.89' cy='32.44' r='10.25' fill='%23ffffff'/%3E%3C/svg%3E" alt="SVG Icon" />

Technische specificaties & lokale privacy

Verwerking: 100% lokaal in de browser (geen upload)
Core-engine: RFC 3986 mini-svg-data-uri + UTF-8 Base64 Encoder
Licentie & kosten: Gratis, geen watermerk, geen registratie

Veelgestelde vragen

Codeer SVG-bestanden of SVG-code naar compacte UTF-8 Data-URI's, Base64-strings, CSS background-image-regels en HTML img-tags. (100% lokaal in de browser (geen upload))