Codificator URL SVG
Convertiți marcajul SVG într-un URI de date pregătit pentru CSS și decodificați URI-urile de date înapoi în SVG.
Codificator URL SVG
Lipiți un SVG și obțineți un URI de date pe care îl puteți introduce direct în CSS, gata pentru imagine de fundal sau o mască. În loc de base64, codificatorul folosește abordarea compactă de codificare URL: schimbă ghilimele duble cu ghilimele simple, restrânge spațiile albe și codifică procente numai caracterele care au nevoie de el, astfel încât rezultatul rămâne scurt și ușor de citit de om. Aceasta vă menține foaia de stil mai mică decât un blob base64 și vă permite să recunoașteți în continuare formele din interiorul URI.
Trei formate de ieșire acoperă cazurile obișnuite. Regula CSS include URI-ul datelor în imaginea de fundal: url("…"); astfel încât să puteți lipi o declarație întreagă. URI-ul de date goale vă oferă doar valoarea pentru o proprietate personalizată, un <img> src sau o mască SVG. Formularul base64 produce un UTF-8-safe data:image/svg+xml;base64 URI pentru instrumente sau pași de construcție care se așteaptă la acea codificare, inclusiv SVG-uri cu emoji sau noduri de text accentuate. Opțiunea de tip MIME deschide același codificator oricărui conținut: alegeți text/plain, text/html, text/css, application/json sau alt tip, iar ce lipiți devine un data URI de acel tip. Doar image/svg+xml comprimă spațiile și schimbă ghilimelele duble cu unele simple, fiindcă aceste două trucuri scurtează marcajul, dar strică textul simplu și JSON-ul. Tipurile care nu sunt imagini renunță și la învelișul background-image și returnează un url("…") gol.
Comutați direcția la decodare și instrumentul inversează oricare dintre cele trei forme înapoi la marcaj SVG brut. Lipiți o regulă CSS, un URI de date simple sau unul base64 și extrage SVG-ul, astfel încât să puteți edita o pictogramă care există doar în interiorul unei foi de stil. Contul arată dimensiunea de intrare, dimensiunea de ieșire și modificarea procentuală, astfel încât să puteți vedea dintr-o privire dacă codarea a micșorat sau a crescut pictograma. URI-ul poate ieși și învelit într-o etichetă <img> sau <link>, cu charset explicit în antet.
Totul rulează în browserul tău. Marcajul dvs. SVG nu este încărcat niciodată, așa că puteți codifica pictograme private, sigle și elemente interne fără ca acestea să părăsească dispozitivul.