Encoder SVG ke Base64

Konversi gambar vektor SVG ke format enkode Base64, mendukung pemrosesan massal, dan dapat langsung disematkan dalam HTML dan CSS untuk digunakan.

Laporan bug

Mode eksekusi browser: Data Anda diproses di browser dan tidak diunggah ke server.

Kecepatan dan stabilitas: Kecepatan pemrosesan bergantung pada perangkat dan browser Anda. Untuk pekerjaan batch besar, versi desktop mungkin lebih stabil.

Memuat alat, harap tunggu...

Jika alat online tidak dapat dimuat atau dijalankan, coba alat desktop. https://tools.yikeaigc.com/

Penggunaan Alat

Kembali ke versi lama

Atur parameter dulu, lalu impor SVG; langkah 3 konversi dan unduh. File massal hanya menampilkan 20 pratinjau pertama; saat diproses, seluruh antrean tetap diproses.

1Parameter output

Konfirmasi jenis kode output dan nama file dulu, lalu lanjut ke impor.

Format output

Bungkus teks panjang

Nama file ZIP

Teks alt tag img

Selektor CSS

Ukuran pratinjau

Tambah otomatis saat xmlns hilang
Tingkatkan kompatibilitas saat SVG dimuat sebagai aset gambar. Hapus deklarasi XML
Kurangi ukuran output dan hindari masalah parsing template tertentu. Kompresi dasar teks SVG
Hapus komentar dan spasi antar tag tanpa mengubah struktur grafis. Tampilkan pratinjau hasil
Pratinjau sebagai gambar setelah konversi untuk mencegah eksekusi langsung konten SVG.

Disarankan atur format output dulu, lalu proses file.

2Impor konten

Pilih file SVG atau tempel satu kode sumber SVG. File tidak diunggah ke server.

Klik untuk memilih file SVG, atau seret file ke sini Mendukung pemilihan satu atau banyak file .svg; antarmuka hanya menampilkan 20 pertama untuk pengecekan.

Kode sumber SVG

3Impor pratinjau

Impor konten SVG terlebih dahulu.

4Konversi & unduh

Setelah selesai, salin hasil, unduh file tunggal, atau kemas hasil batch sebagai ZIP.

Menunggu0

Berhasil0

Gagal0

Ukuran hasil0 KB

Pastikan dua langkah pertama selesai, lalu klik mulai konversi.

5Pratinjau hasil dan aksi item

Hasil akan ditampilkan di sini setelah konversi selesai.

Petunjuk

Petunjuk Penggunaan Perangkat Lunak

Atur parameter konversi: Pilih format output terlebih dahulu; dapat menghasilkan Data URI, string Base64 murni, tag HTML img, properti CSS background, atau kode ikon CSS mask.
Konfigurasi opsi pemrosesan:
- Pemenggalan baris teks panjang: Dapat memilih tanpa pemenggalan baris, atau memenggal baris setiap 76, 120, atau 160 karakter.
- Tambahkan xmlns otomatis: Saat node root SVG tidak memiliki atribut xmlns, atribut ini akan ditambahkan secara otomatis agar lebih mudah ditampilkan sebagai sumber gambar.
- Hapus deklarasi XML: Membersihkan deklarasi XML di awal SVG untuk mengurangi kesalahan parsing template.
- Kompresi dasar: Menghapus komentar dan spasi kosong antar tag untuk mempersingkat konten output.
Impor konten SVG: Anda dapat memilih satu atau beberapa file SVG, atau beralih ke mode tempel kode sumber untuk memasukkan kode SVG secara langsung. Untuk file massal, hanya 20 file pertama yang ditampilkan untuk pemeriksaan, sementara file lainnya tetap diproses bersama.
Gunakan data contoh: Klik “Muat Contoh SVG” atau “Isi Kode Sumber Contoh” untuk melihat efek konversi dengan cepat.
Mulai konversi: Setelah masuk ke langkah “Konversi dan Unduh”, klik “Mulai Konversi”; alat akan menghasilkan Base64 atau kode sematan yang sesuai.
Salin dan unduh: Setelah konversi selesai, Anda dapat menyalin hasil tunggal, mengunduh file teks tunggal, menyalin semua hasil, mengunduh TXT gabungan, dan mengemas hasil massal sebagai ZIP untuk diunduh.
Simpan pengaturan: Format output yang sering digunakan, nama file ZIP, teks alt, pemilih CSS, dan opsi pemrosesan dapat disimpan, lalu digunakan kembali saat dibuka berikutnya.

Pertanyaan Umum

Jawab: Ikon SVG atau gambar vektor dapat dikonversi menjadi bentuk teks dan disematkan ke dalam HTML, CSS, file konfigurasi, atau halaman file tunggal untuk mengurangi referensi sumber daya terpisah.

Jawab: Data URI berisi prefiks data:image/svg+xml;base64, dan dapat langsung digunakan sebagai alamat gambar; Base64 murni hanya berisi isi encoding, cocok untuk skenario ketika program menambahkan prefiks sendiri.

Jawab: Dapat digunakan pada tag img HTML, properti background-image CSS, ikon CSS mask, konfigurasi gaya, contoh komponen, atau cuplikan kode dokumentasi.

Jawab: Jika sebagian SVG tidak memiliki xmlns, tampilannya bisa bermasalah saat dimuat sebagai gambar Data URI. Menambahkan xmlns="http://www.w3.org/2000/svg" dapat membantu meningkatkan kompatibilitas.

Jawab: Tidak. Base64 hanya mengubah cara data direpresentasikan, tidak mengubah konten vektor SVG, sehingga tetap mempertahankan karakteristik vektor saat diskalakan.

Jawab: File hasil akan menggunakan nama file utama SVG asli, dan menghasilkan file txt, css, atau html sesuai format keluaran; jika ada nama yang sama, angka akan ditambahkan otomatis untuk membedakannya.

Jawab: Penyebab umum meliputi kode SVG yang tidak lengkap, referensi sumber daya eksternal, tag nonstandar, atau ketergantungan gaya. Disarankan untuk mengekspor ulang SVG standar terlebih dahulu dari perangkat lunak desain, lalu melakukan konversi.