SVG ke Base64
Gunakan konverter SVG ke Base64 gratis ini untuk mengubah gambar Scalable Vector Graphics apa pun menjadi string Base64 atau cuplikan kode siap pakai. Pilih file .svg lokal (atau tempel tautan ke file remote), pilih format output, lalu tekan Encode SVG ke Base64.
Cara mengonversi SVG ke Base64 secara online
- Pilih File lokal dan pilih file .svg, atau pilih URL remote dan tempel tautannya.
- Pilih format output: Base64 biasa, data URI, tag HTML, CSS, JavaScript, JSON, atau XML.
- Klik Encode SVG ke Base64. Hasilnya langsung muncul beserta pratinjau.
- Salin hasilnya ke clipboard atau unduh sebagai file .txt.
Tentang SVG (Scalable Vector Graphics)
SVG adalah format vektor berbasis XML: bentuk dideskripsikan dengan teks, bukan piksel, sehingga gambar tetap tajam di ukuran berapa pun. Format ini ideal untuk ikon, logo, dan ilustrasi.
Karena SVG sudah berupa teks, Anda juga dapat menyematkannya dalam bentuk URL-encoded alih-alih Base64, yang sering kali lebih kecil. Base64 tetap pilihan paling aman jika markup berisi tanda kutip atau karakter yang dapat merusak CSS atau HTML Anda.
| Dikembangkan | 2001, W3C |
|---|---|
| Jenis | Vektor (teks XML) |
| Transparansi | Ya |
| Animasi | Ya (SMIL / CSS) |
| Diawali dengan | <svg atau <?xml |
Format output
Pilih bagaimana hasil akan dibungkus. Konverter dapat menghasilkan:
- txt: hanya string Base64, siap ditempel ke kode, kolom database, atau request API.
- uri: URI
data:lengkap yang dapat Anda tempel di address bar browser atau gunakan di mana pun URL diterima. - html img: tag
<img>dengan data URI disrc. - css background image: aturan CSS yang menggunakan
background-image: url(data:...). - html favicon: tag
<link rel="icon">untuk favicon inline. - html hyperlink: tautan
<a>yang mengunduh atau membuka file tersemat. - html iframe:
<iframe>yang menampilkan konten secara inline. - javascript image: JavaScript yang membuat objek
Image. - javascript popup: JavaScript yang membuka konten di jendela baru.
- json: objek JSON berisi nama file, MIME type, dan data.
- xml: elemen XML dengan data di dalam bagian CDATA.
Apakah aman dan seberapa besar hasilnya?
File Anda tidak pernah diunggah: file dibaca dan dikonversi secara lokal oleh browser Anda menggunakan File API, sehingga dokumen rahasia pun tetap berada di perangkat Anda.
Base64 merepresentasikan setiap 3 byte dengan 4 karakter, sehingga hasil enkode sekitar 33% lebih besar dari file aslinya (ditambah beberapa byte untuk padding dan prefiks data URI).
Pertanyaan yang sering diajukan
Bagaimana cara mengonversi SVG ke Base64?
Pilih file .svg Anda di atas dan klik "Encode SVG ke Base64". Konverter membaca file di browser Anda dan menghasilkan string Base64 atau data URI siap pakai.
Diawali dengan apa SVG yang dienkode Base64?
File SVG yang dienkode ke Base64 biasanya diawali dengan "PHN2Zy / PD94bWwg". Sebagai data URI, diawali dengan "data:image/svg+xml;base64,".
Apakah ada batas ukuran file?
Tidak ada batas pasti karena konversi berjalan secara lokal, tetapi file yang sangat besar menghasilkan string yang sangat panjang. File hingga sekitar 50 MB dapat diproses dengan lancar di browser modern.
Bagaimana cara mengonversi Base64 kembali ke SVG?
Gunakan decoder Base64 ke SVG: tempel string-nya, lalu Anda dapat melihat pratinjau dan mengunduh file .svg aslinya.
Komentar (0)
Ada pertanyaan, ide, atau bug di “SVG ke Base64”? Tinggalkan komentar, beri rating alat ini, atau balas komentar lainnya.
Belum ada komentar. Jadilah yang pertama memberikan masukan!