SVG → Base64
Käytä tätä ilmaista SVG → Base64 -muunninta muuttaaksesi minkä tahansa Scalable Vector Graphics-kuvan Base64-merkkijonoksi tai valmiiksi koodikatkelmaksi. Valitse paikallinen .svg-tiedosto (tai liitä linkki etätiedostoon), valitse tulostusmuoto ja paina Koodaa SVG Base64:ksi.
Miten muunnat SVG → Base64 verkossa
- Valitse Paikallinen tiedosto ja valitse .svg-tiedosto, tai valitse Etä-URL ja liitä linkki.
- Valitse tulostusmuoto: pelkkä Base64, data URI, HTML-tunniste, CSS, JavaScript, JSON tai XML.
- Napsauta Koodaa SVG Base64:ksi. Tulos näkyy heti esikatselun kanssa.
- Kopioi tulos leikepöydälle tai lataa se .txt-tiedostona.
Tietoa: SVG (Scalable Vector Graphics)
SVG on XML-pohjainen vektorimuoto: muodot kuvataan tekstillä pikseleiden sijaan, joten kuva pysyy terävänä millä tahansa koolla. Se sopii erinomaisesti kuvakkeille, logoille ja kuvituksille.
Koska SVG on jo tekstiä, voit upottaa sen myös URL-koodattuna Base64:n sijaan, mikä on usein pienempi. Base64 on silti turvallisin valinta, kun merkinnässä on lainausmerkkejä tai merkkejä, jotka rikkoisivat CSS:n tai HTML:n.
| Kehitetty | 2001, W3C |
|---|---|
| Tyyppi | Vektori (XML-teksti) |
| Läpinäkyvyys | Kyllä |
| Animaatio | Kyllä (SMIL / CSS) |
| Alkaa merkkijonolla | <svg tai <?xml |
Tulostusmuodot
Valitse, miten tulos paketoidaan. Muunnin voi palauttaa:
- txt: vain Base64-merkkijono, valmis liitettäväksi koodiin, tietokantakenttään tai API-pyyntöön.
- uri: valmis
data:-URI, jonka voit liittää selaimen osoitekenttään tai käyttää missä tahansa URL hyväksytään. - html img:
<img>-tunniste data URI:llasrc-attribuutissa. - css background image: CSS-sääntö käyttäen
background-image: url(data:...). - html favicon:
<link rel="icon">-tunniste upotetulle faviconille. - html hyperlink:
<a>-linkki, joka lataa tai avaa upotetun tiedoston. - html iframe:
<iframe>, joka renderöi sisällön upotettuna. - javascript image: JavaScript, joka luo
Image-objektin. - javascript popup: JavaScript, joka avaa sisällön uudessa ikkunassa.
- json: JSON-objekti tiedostonimellä, MIME-tyypillä ja datalla.
- xml: XML-elementti, jossa data on CDATA-osiossa.
Onko se turvallista ja kuinka suuri tulos on?
Tiedostoasi ei koskaan ladata palvelimelle: selaimesi lukee ja muuntaa sen paikallisesti File API:lla, joten jopa luottamukselliset asiakirjat pysyvät laitteellasi.
Base64 esittää joka 3 tavua 4 merkillä, joten koodattu tulos on noin 33 % suurempi kuin alkuperäinen tiedosto (plus muutama tavu täytteelle ja data URI -etuliitteelle).
Usein kysytyt kysymykset
Miten muunnan SVG Base64:ksi?
Valitse .svg-tiedostosi yllä ja napsauta "Koodaa SVG Base64:ksi". Muunnin lukee tiedoston selaimessasi ja tuottaa Base64-merkkijonon tai valmiin data URI:n.
Millä Base64-koodattu SVG alkaa?
SVG-tiedosto Base64-koodattuna alkaa tyypillisesti merkkijonolla "PHN2Zy / PD94bWwg". Data URI:na se alkaa merkkijonolla "data:image/svg+xml;base64,".
Onko tiedostokokorajoitusta?
Kovaa rajaa ei ole, koska muunnos tapahtuu paikallisesti, mutta hyvin suuret tiedostot tuottavat hyvin pitkiä merkkijonoja. Noin 50 Mt:n tiedostot toimivat mukavasti moderneissa selaimissa.
Miten muunnan Base64:n takaisin muotoon SVG?
Käytä Base64 → SVG -purkajaa: liitä merkkijono, niin voit esikatsella ja ladata alkuperäisen .svg-tiedoston.
Kommentit (0)
Kysymyksiä, ideoita tai bugi työkalussa “SVG → Base64”? Jätä kommentti, arvioi työkalu tai vastaa muille.
Ei vielä kommentteja. Ole ensimmäinen, joka jakaa palautteesi!