SVG → Base64

Használja ezt az ingyenes SVG → Base64 konvertert, hogy bármilyen Scalable Vector Graphics képet Base64 karakterlánccá vagy kész kódrészletté alakítson. Válasszon helyi .svg fájlt (vagy illesszen be hivatkozást egy távolira), válassza a kimeneti formátumot, majd nyomja meg a SVG kódolása Base64-re gombot.

SVG fájl
Húzza ide a(z) SVG fájlját, vagy válasszon egyet

Hogyan alakítsa át a(z) SVG → Base64 fájlt online

  1. Válassza a Helyi fájl lehetőséget, és válasszon egy .svg fájlt, vagy válassza a Távoli URL lehetőséget, és illesszen be egy hivatkozást.
  2. Válassza a kimeneti formátumot: egyszerű Base64, data URI, HTML címke, CSS, JavaScript, JSON vagy XML.
  3. Kattintson a SVG kódolása Base64-re gombra. Az eredmény azonnal megjelenik előnézettel.
  4. Másolja az eredményt a vágólapra, vagy töltse le .txt fájlként.

A(z) SVG (Scalable Vector Graphics) névjegye

Az SVG XML-alapú vektorformátum: az alakzatokat szöveggel írják le képpontok helyett, ezért a kép bármilyen méretben éles marad. Ideális ikonokhoz, logókhoz és illusztrációkhoz.

Mivel az SVG már szöveg, Base64 helyett URL-kódolva is beágyazható, ami gyakran kisebb. A Base64 továbbra is a legbiztonságosabb választás, ha a jelölés idézőjeleket vagy olyan karaktereket tartalmaz, amelyek elrontanák a CSS-t vagy a HTML-t.

Fejlesztve2001, W3C
TípusVektor (XML szöveg)
ÁtlátszóságIgen
AnimációIgen (SMIL / CSS)
Ezzel kezdődik<svg vagy <?xml

Kimeneti formátumok

Válassza ki, hogyan legyen csomagolva az eredmény. A konverter visszaadhat:

  • txt: csak a Base64 karakterlánc, készen arra, hogy kódba, adatbázismezőbe vagy API-kérésbe illessze.
  • uri: egy teljes data: URI, amelyet beilleszthet a böngésző címsorába, vagy bárhol használhat, ahol URL elfogadott.
  • html img: egy <img> címke a data URI-val a src-ben.
  • css background image: egy CSS-szabály background-image: url(data:...) használatával.
  • html favicon: egy <link rel="icon"> címke beágyazott faviconhoz.
  • html hyperlink: egy <a> hivatkozás, amely letölti vagy megnyitja a beágyazott fájlt.
  • html iframe: egy <iframe>, amely beágyazva jeleníti meg a tartalmat.
  • javascript image: JavaScript, amely Image objektumot hoz létre.
  • javascript popup: JavaScript, amely új ablakban nyitja meg a tartalmat.
  • json: egy JSON objektum a fájlnévvel, MIME-típussal és adattal.
  • xml: egy XML elem az adatokkal egy CDATA szakaszban.

Biztonságos, és mekkora lesz az eredmény?

A fájlja soha nem töltődik fel: a böngészője a File API-val helyben olvassa és alakítja át, így még a bizalmas dokumentumok is az eszközén maradnak.

A Base64 minden 3 bájtot 4 karakterrel ábrázol, ezért a kódolt eredmény körülbelül 33%-kal nagyobb az eredeti fájlnál (plusz néhány bájt a kitöltéshez és a data URI előtaghoz).

Gyakran ismételt kérdések

Hogyan alakítsam át a(z) SVG fájlt Base64-re?

Válassza ki a .svg fájlját fent, és kattintson a „SVG kódolása Base64-re” gombra. A konverter a böngészőjében olvassa a fájlt, és Base64 karakterláncot vagy kész data URI-t ad.

Mivel kezdődik a Base64-kódolt SVG?

Egy Base64-re kódolt SVG fájl tipikusan „PHN2Zy / PD94bWwg”-nel kezdődik. Data URI-ként „data:image/svg+xml;base64,”-gyel indul.

Van fájlméret-korlát?

Nincs kemény korlát, mert az átalakítás helyben fut, de a nagyon nagy fájlok nagyon hosszú karakterláncokat adnak. Körülbelül 50 MB-ig a fájlok kényelmesen működnek a modern böngészőkben.

Hogyan alakítsam vissza a Base64-et SVG formátumra?

Használja a Base64 → SVG dekódolót: illessze be a karakterláncot, majd megtekintheti és letöltheti az eredeti .svg fájlt.

Kapcsolódó eszközök és útmutatók

Hozzászólások (0)

Kérdése, ötlete vagy hibája van a(z) „SVG → Base64” eszközzel kapcsolatban? Írjon hozzászólást, értékelje az eszközt, vagy válaszoljon másoknak.

Még nincsenek hozzászólások. Legyen Ön az első, aki megosztja a visszajelzését!

Hozzászólás írása

Értékelje ezt az eszközt:
Esc
↑ ↓ mozgatás↵ megnyitásEsc bezárás