SVG ke Base64
Encode gambar SVG sebagai URI data Base64 — secara instan, di browser Anda.
Drag & drop your SVG file here, or click to choose. Everything runs in your browser — nothing is uploaded.
Encoder SVG ke Base64 gratis ini mengubah gambar Anda menjadi URI data yang dapat Anda tempel langsung ke HTML, CSS, JSON, atau template email — tanpa hosting dan tanpa permintaan HTTP tambahan. Byte dibaca dan dikodekan secara lokal, sehingga file tidak pernah diunggah, dan Anda dapat menyalin hasilnya sebagai string Base64 mentah, URI data, aturan latar belakang CSS, atau tag img lengkap.
Pertanyaan yang Sering Diajukan
Bagaimana cara mengonversi SVG ke Base64?
Letakkan file ke kotak di atas dan keluaran yang dikodekan segera muncul, bersama dengan pratinjau. Pilih gaya keluaran yang Anda perlukan — Base64 biasa, URI data, aturan gambar latar CSS, atau tag img HTML — lalu salin atau unduh sebagai file teks.
Apakah file saya diunggah ke server?
Tidak. File didekodekan dan dikodekan ulang secara langsung di browser Anda menggunakan JavaScript dan WebAssembly, dan tidak pernah meninggalkan perangkat Anda. Itulah yang membuatnya aman untuk foto pribadi, pekerjaan klien, dan apa pun yang bersifat rahasia, dan itulah sebabnya alat ini tetap bekerja dengan jaringan Anda terputus setelah halaman dimuat.
Mengapa versi Base64 lebih besar dari gambar saya?
Base64 mewakili setiap 3 byte menggunakan 4 karakter, sehingga teks yang disandikan selalu sekitar 33% lebih besar dari file asli, ditambah awalan URI data. Pertukaran tersebut bermanfaat untuk aset kecil seperti ikon dan logo, tempat Anda menyimpan seluruh jaringan bolak-balik, namun ini adalah kesepakatan yang buruk untuk foto berukuran besar.
Kapan saya harus menyematkan gambar sebagai URI data?
Untuk aset kecil yang selalu dibutuhkan — ikon, logo, tekstur latar belakang kecil — yang menghapus permintaan HTTP lebih penting daripada byte tambahan. Hindari ini untuk gambar berukuran besar: gambar tersebut tidak dapat di-cache secara terpisah, gambar tersebut memblokir penguraian CSS atau HTML, dan gambar tersebut akan membengkak di setiap halaman yang menyertakan gambar tersebut.
Apakah ini berfungsi dengan transparansi?
Ya. Byte file asli dikodekan kata demi kata, bukan digambar ulang, sehingga transparansi, profil warna, dan metadata yang tertanam semuanya tetap bertahan seperti semula.
Apakah ini berfungsi di Windows, Mac, iPhone, dan Android?
Ya. Ini berjalan di browser modern apa pun di Windows, Mac, Linux, iPhone, dan Android tanpa perlu menginstal apa pun dan tidak memerlukan akun. Chrome, Edge, Firefox dan Safari semuanya didukung.