Konversi SVG ke Data URI, untuk gambar latar CSS, mendukung opsi encoding URL dan Base64
konversi format
Tentang Alat Ini
SVG ke Data URI adalah alat online yang mengonversi kode SVG menjadi string Data URI, untuk digunakan secara inline di CSS dan HTML. Mendukung output encoding URL dan Base64, optimasi SVG opsional, dan menghasilkan kode CSS yang siap digunakan — semua pemrosesan dilakukan secara lokal di browser.
Fitur Utama
- Konversi SVG ke Data URI yang dienkode URL
- Konversi SVG ke Data URI yang dienkode Base64
- Optimasi SVG sebelum konversi
- Format output CSS background-image
- Output HTML img src dan Data URI mentah
- Konversi real-time dan pratinjau real-time
Kasus Penggunaan
- Sematkan ikon SVG langsung di stylesheet CSS
- Inline gambar SVG di HTML untuk meningkatkan performa
- Kurangi permintaan HTTP dengan menyematkan SVG sebagai Data URI
- Buat dokumen HTML portabel yang berisi gambar tersemat
- Hasilkan cuplikan kode CSS untuk latar belakang SVG
svg
data-uri
base64
embed
inline
Pertanyaan Umum
Apa itu konverter SVG ke Data URI?
Konverter SVG ke Data URI adalah alat konversi format online yang mengonversi kode SVG menjadi string Data URI, untuk digunakan secara inline di CSS dan HTML. Mendukung encoding URL dan Base64, serta menyediakan optimasi SVG dan pembuatan kode CSS yang siap digunakan.
Apa perbedaan antara encoding URL dan Base64?
Data URI yang dienkode URL menggunakan encoding persen untuk merepresentasikan karakter khusus, output lebih besar tetapi lebih mudah dibaca. Encoding Base64 menghasilkan representasi biner-ke-teks yang kompak, ukuran lebih kecil untuk SVG kompleks, tetapi tidak dapat dibaca.
Apakah alat akan mengoptimalkan SVG sebelum konversi?
Ya, saat opsi optimasi SVG diaktifkan, alat akan menghapus spasi, komentar, dan atribut kosong yang tidak perlu dari SVG sebelum menghasilkan Data URI, sehingga mengurangi ukuran output.
Apakah data SVG saya akan dikirim ke server?
Tidak. Semua konversi SVG ke Data URI sepenuhnya dilakukan di browser Anda. Kode SVG Anda tidak akan diunggah atau dikirim ke server mana pun, memastikan pekerjaan Anda sepenuhnya pribadi dan aman.
Bisakah saya langsung menggunakan output untuk CSS?
Ya. Alat menghasilkan cuplikan kode CSS background-image yang siap digunakan. Cukup salin output CSS dan tempelkan ke stylesheet, Data URI dapat digunakan sebagai URL gambar latar yang valid.