Pengekod SVG ke Base64

Tukar grafik vektor SVG kepada format pengekodan Base64, menyokong pemprosesan kelompok, boleh dibenamkan terus dalam HTML dan CSS untuk digunakan

Laporan pepijat

Mod pelaksanaan pelayar: Data anda diproses dalam penyemak imbas dan tidak dimuat naik ke pelayan.

Kelajuan dan kestabilan: Kelajuan pemprosesan bergantung pada peranti dan pelayar anda. Untuk kerja kelompok besar, versi desktop mungkin lebih stabil.

Memuatkan alat, sila tunggu...

Jika alat dalam talian tidak dapat dimuatkan atau dijalankan, cuba alat desktop. https://tools.yikeaigc.com/

Penggunaan Alat

Kembali ke versi lama

Tetapkan parameter dahulu, kemudian import SVG; langkah 3 tukar dan muat turun. Fail kelompok hanya papar 20 pratonton pertama; pemprosesan meliputi seluruh baris gilir.

1Parameter output

Sahkan jenis kod output dan nama fail dahulu, kemudian pergi ke langkah import.

Format output

Balut teks panjang

Nama fail ZIP

Teks alt tag img

Pemilih CSS

Saiz pratonton

Tambah xmlns automatik jika tiada
Tingkatkan keserasian SVG apabila dimuat sebagai sumber imej. Buang deklarasi XML
Kurangkan saiz output dan elak isu penghuraian templat tertentu. Mampatkan teks SVG asas
Buang komen dan ruang antara tag tanpa mengubah struktur grafik. Papar pratonton hasil
Pratonton sebagai imej selepas penukaran untuk elak menjalankan kandungan SVG secara langsung.

Disaran tetapkan format output dahulu, kemudian proses fail.

2Import kandungan

Pilih fail SVG atau tampal satu kod sumber SVG. Fail tidak dimuat naik ke pelayan.

Klik untuk pilih fail SVG, atau seret fail ke sini Sokong pilihan tunggal atau pukal fail .svg; antara muka hanya papar 20 pertama untuk semakan.

Kod sumber SVG

3Import pratonton

Sila import kandungan SVG dahulu.

4Tukar & muat turun

Selepas diproses, salin hasil, muat turun fail tunggal, atau bungkus hasil pukal sebagai ZIP.

Menunggu0

Berjaya0

Gagal0

Saiz hasil0 KB

Pastikan dua langkah pertama selesai, kemudian klik mula tukar.

5Pratonton hasil dan tindakan item

Hasil akan dipaparkan di sini selepas penukaran selesai.

Arahan

Arahan Penggunaan Perisian

Tetapkan parameter penukaran:Pilih format output dahulu; anda boleh menjana Data URI, rentetan Base64 tulen, tag HTML img, atribut CSS background atau kod ikon CSS mask.
Konfigurasikan pilihan pemprosesan:
- Pemenggalan baris teks panjang:Anda boleh memilih tanpa pemenggalan baris, atau memenggal baris mengikut 76, 120, 160 aksara.
- Tambah xmlns secara automatik:Apabila nod akar SVG tiada atribut xmlns, ia akan ditambah secara automatik supaya mudah dipaparkan sebagai sumber imej.
- Alih keluar deklarasi XML:Bersihkan deklarasi XML di permulaan SVG untuk mengurangkan ralat penghuraian templat.
- Pemampatan asas:Alih keluar komen dan ruang kosong antara tag untuk memendekkan kandungan output.
Import kandungan SVG:Anda boleh memilih satu atau beberapa fail SVG, atau beralih ke mod tampal kod sumber untuk memasukkan kod SVG secara terus. Fail pukal hanya memaparkan 20 yang pertama untuk semakan, manakala fail selebihnya akan diproses bersama.
Gunakan data contoh:Klik “Muatkan SVG contoh” atau “Isi kod sumber contoh” untuk melihat kesan penukaran dengan cepat.
Mulakan penukaran:Selepas memasuki langkah “Tukar dan Muat Turun”, klik “Mulakan Penukaran”; alat ini akan menjana Base64 atau kod benam yang sepadan.
Salin dan muat turun:Selepas penukaran selesai, anda boleh menyalin hasil tunggal, memuat turun fail teks tunggal, menyalin semua hasil, memuat turun TXT ringkasan, dan hasil pukal boleh dibungkus sebagai ZIP untuk dimuat turun.
Simpan tetapan:Format output yang kerap digunakan, nama fail ZIP, teks alt, pemilih CSS dan pilihan pemprosesan boleh disimpan dan digunakan semula apabila dibuka pada kali seterusnya.

Soalan Lazim

J: Anda boleh menukar ikon SVG atau grafik vektor kepada bentuk teks, kemudian membenamkannya dalam HTML, CSS, fail konfigurasi atau halaman fail tunggal untuk mengurangkan rujukan sumber berasingan.

J: Data URI mengandungi awalan data:image/svg+xml;base64, dan boleh digunakan terus sebagai alamat imej; Base64 tulen hanya mengandungi badan pengekodan, sesuai untuk senario di mana program menggabungkan awalan sendiri.

J: Ia boleh digunakan dalam tag img HTML, atribut background-image CSS, ikon CSS mask, konfigurasi gaya, contoh komponen atau cebisan kod dokumentasi.

Jawapan: Apabila sesetengah SVG tiada xmlns, ia mungkin dipaparkan secara tidak normal apabila dimuatkan sebagai imej Data URI. Menambah xmlns="http://www.w3.org/2000/svg" membantu meningkatkan keserasian.

Jawapan: Tidak. Base64 hanya mengubah cara data dinyatakan, tidak mengubah kandungan vektor SVG, jadi ciri vektor masih dikekalkan semasa penskalaan.

Jawapan: Fail hasil akan menggunakan nama fail utama SVG asal, dan menjana fail txt, css atau html mengikut format output; jika terdapat nama yang sama, nombor akan ditambah secara automatik untuk membezakannya.

Jawapan: Punca biasa termasuk kod SVG tidak lengkap, rujukan sumber luaran, tag bukan standard atau kebergantungan gaya. Disarankan untuk mengeksport semula SVG standard dalam perisian reka bentuk terlebih dahulu, kemudian lakukan penukaran.