Ubah Ukuran
Pangkas
Kompres
Konversi
Utilitas

Ubah SVG menjadi String Base64

Ubah gambar SVG menjadi string Base64 atau DataURL menggunakan alat ini. Unggah berkas SVG Anda dan pilih format keluaran yang diinginkan. Gunakan tombol Salin untuk mendapatkan kode. Metode ini memungkinkan Anda menyematkan SVG langsung ke HTML atau CSS.

Image → Base64 / Data URL

Click or Drag & Drop an Image
Base64
Image Data URL
⚠️ Large image may freez the browser

Konversi SVG ke String Base64

1

Unggah berkas SVG

Unggah berkas SVG Anda dengan mengklik atau menyeretnya ke area unggah.

2

Pilih Format Keluaran

Pilih tab 'Base64' atau 'DataURL' untuk memilih format keluaran yang Anda inginkan.

3

Tampilan String Base64

String Base64 atau DataURL untuk SVG Anda akan muncul di area teks di bawah tab.

4

Salin Kode yang Dihasilkan

Klik tombol 'Salin' untuk menyalin kode yang dihasilkan ke papan klip Anda.

Sematkan SVG Langsung ke Kode Anda

Sematkan gambar SVG langsung ke HTML atau CSS Anda tanpa file eksternal. Alat ini mengubah SVG menjadi string Base64 atau DataURL, merampingkan alur kerja dan meminimalkan permintaan HTTP. Gunakan ini untuk mengintegrasikan grafik vektor ke dalam proyek web secara efisien.

Masukkan Grafik Vektor dengan Cepat

Ingin mengintegrasikan grafik vektor ke dalam proyek web Anda? Alat ini mengubah file SVG menjadi string Base64 atau DataURL, memungkinkan penyematan langsung ke HTML atau CSS. Percepat alur kerja Anda dengan meminimalkan ketergantungan pada file eksternal dan meningkatkan kinerja melalui pengurangan waktu muat.

Pertanyaan yang Sering Diajukan

Apa itu string Base64 atau DataURL dan mengapa saya membutuhkannya?

String Base64 atau DataURL merepresentasikan sebuah gambar sebagai teks. Hal ini memungkinkan Anda menanamkan gambar langsung ke dalam HTML atau CSS Anda, sehingga menghilangkan kebutuhan akan berkas gambar terpisah.

Bagaimana cara menggunakan konverter SVG ke Base64/DataURL ini?

Unggah saja file SVG Anda, pilih 'Base64' atau 'DataURL' sebagai output yang Anda inginkan, dan klik tombol 'Salin' untuk mendapatkan kode yang dihasilkan.

Apa keuntungan menggunakan DataURL untuk SVG?

Menyematkan SVG sebagai DataURL dapat mengurangi permintaan HTTP, menyederhanakan struktur proyek Anda, dan berpotensi meningkatkan waktu pemuatan.

Apakah ada batasan dalam menggunakan alat ini?

Berkas SVG yang besar dapat memperlambat komputer Anda selama konversi, jadi sebaiknya gunakan gambar yang lebih kecil.

Bisakah saya menggunakan alat ini untuk format gambar lain?

Alat ini dirancang khusus untuk gambar SVG. Alat ini tidak mendukung format gambar lain seperti JPG atau PNG.