Preskoči na vsebino
TextArray
100% lokalno

Kodirnik URL-jev SVG

Pretvorite oznako SVG v podatkovni URI, pripravljen za CSS, in dekodirajte podatkovne URI nazaj v SVG.

Vhod
Izhod
Povezana orodja
Kodiranje in dekodiranje URL-jevKodiranje in pretvorba
Kodiranje in dekodiranje Base64Kodiranje in pretvorba
Minifier CSSOrodja za razvijalce
Barvni pretvornikOrodja za razvijalce
Razčlenjevalnik izrazov CronOrodja za razvijalce
Oblikovalnik CSSnovoOrodja za razvijalce
Kodirnik URL-jev SVG
Prilepite SVG in pridobite podatkovni URI, ki ga lahko spustite neposredno v CSS, pripravljen za sliko ozadja ali masko. Namesto base64 kodirnik uporablja pristop kompaktnega kodiranja URL-jev: dvojne narekovaje zamenja z enojnimi, strne presledke in odstotno kodira samo znake, ki jih dejansko potrebujejo, tako da rezultat ostane kratek in človeku berljiv. Tako ostane vaša tabela slogov manjša od bloba base64 in vam še vedno omogoča prepoznavanje oblik znotraj URI-ja.
Trije izhodni formati pokrivajo običajne primere. Pravilo CSS ovije URI podatkov v sliko ozadja: url("…"); tako da lahko prilepite celotno izjavo. URI golih podatkov vam daje samo vrednost za lastnost po meri, src <img> ali masko SVG. Obrazec base64 ustvari podatkovni:image/svg+xml;base64 URI, varen za UTF-8, za orodja ali korake gradnje, ki pričakujejo to kodiranje, vključno z SVG z emodžiji ali vozlišči naglašenega besedila.
Preklopite smer na dekodiranje in orodje obrne katero koli od treh oblik nazaj v surovo oznako SVG. Prilepite pravilo CSS, goli podatkovni URI ali base64 in ekstrahira SVG, tako da lahko uredite ikono, ki obstaja samo v slogovni tabeli. Seštevek prikazuje vhodno velikost, izhodno velikost in odstotek spremembe, tako da lahko na prvi pogled vidite, ali se je kodiranje zmanjšalo ali povečalo ikono.
Vse teče v vašem brskalniku. Vaša oznaka SVG se nikoli ne naloži, tako da lahko kodirate zasebne ikone, logotipe in notranja sredstva, ne da bi zapustili vašo napravo.
FAQ
Zakaj uporabljati kodiranje URL namesto base64 za SVG?
SVG, kodiran z URL-ji, je običajno manjši od base64 in ostane berljiv, zato je vaš CSS lažji in še vedno lahko vidite oznako. Base64 je na voljo tudi za orodja, ki to zahtevajo.
Kateri so trije izhodni formati?
Celotno pravilo CSS s sliko ozadja: url(...), vrednostjo golega podatkovnega URI-ja in UTF-8-varnim podatkovnim URI-jem base64. Izberite tisto, kar potrebuje vaša tabela slogov ali komponenta.
Ali lahko spremenim podatkovni URI nazaj v SVG?
ja Nastavite smer za dekodiranje in lepljenje pravila CSS, golega podatkovnega URI-ja ali base64; orodje ekstrahira in vrne izvirno oznako SVG.
Zakaj se mora moj vnos začeti s <svg?
Kodiranje preveri, ali je vnos videti kot SVG, tako da nepopolno lepljenje ne postane pokvarjen podatkovni URI. Sprejemajo se oznake, ki se začnejo s <svg ali <?xml.
Ali je moj SVG kje naložen?
Ne. Pretvorba poteka v celoti v vašem brskalniku in vaša oznaka nikoli ne zapusti vaše naprave.