Pemformatan kode / MULTIVERTO
Kompaktkan ruang kosong antara elemen SVG.
Terapkan setiap alat teks pada hasil sebelumnya. Alur kerja teks ↗
Hanya nama rangkaian dan urutan alat yang disimpan di peramban ini. Masukan dan hasil Anda tidak pernah disimpan.
01 / Contoh
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="25" cy="25" r="20"/>
</svg><svg xmlns="http://www.w3.org/2000/svg"><circle cx="25" cy="25" r="20"/></svg>02 / Panduan
Kompaktkan ruang kosong antara elemen SVG. Menghilangkan ruang kosong tata letak yang dipilih; periksa hasil dimana ruang kosong memiliki arti. Kompaksi SVG menghilangkan node hanya-ruang putih antara bentuk dan kelompok sementara meninggalkan nilai atribut tidak disentuh. Berkas teks yang lebih kecil tidak merupakan bukti dari gambar yang lebih kecil atau lebih cepat. Periksa elemen teks dan referensi setelah menggunakan keluaran kompak.
Kompaksi SVG menjaga geometri jalur dasar seperti yang ditulis. Ini penting karena visual optimizers membuat banyak keputusan tambahan yang memerlukan pemahaman gambar yang dirender. Editor ini memerlukan svg root yang sederhana dan terbentuk dengan baik dan menolak deklarasi, komentar dan CDATA. Setelah konversi, render berkas pada beberapa ukuran dan periksa teks, viewBox dan referensi.
Kompaksi berguna ketika mesin mengkonsumsi hasil dan indentasi yang berhadapan dengan manusia tidak diperlukan. Pertama verifikasi bahwa sumber yang tidak dimodifikasi bekerja, kemudian periksa apa yang operasi menghapus. Alat ini tidak mengklaim reduksi ukuran yang sama sebagai minifier produksi: alat seperti itu dapat menganalisis tata bahasa penuh, menulis ulang identifikator, fold konstanta atau menerapkan kompresi setelah serialisasi. Di sini kebijakan adalah konservatif sehingga konstruksi yang tidak pasti harus tetap utuh atau menyebabkan kesalahan. Dalam contoh langsung, "<svg xmlns="http://www.w3.org/2000/svg"> <circle cx="25" cy="25" r="20"/> </svg>" menjadi "<svg xmlns="http://www.w3.org/2000/svg"><circle cx="25" cy="25" r="20"/></svg>". Baca tanda baca serta kata-kata yang terlihat: sampel kecil itu adalah hasil yang dapat diamati dari operasi tertentu ini. Ubah satu fitur yang Anda pedulikan di sumber dan bandingkan tempat yang sama di hasil. Bandingkan ikon SVG yang berisi judul dan elemen teks sebelum dan setelah kompresi. Tinjau kedua pixel yang terlihat dan nama yang dapat diakses di halaman penambahan. Sebuah string XML yang lebih kecil tidak merupakan bukti bahwa penempatan teks, gaya yang diwariskan atau referensi ke definisi bertahan setiap optimasi downstream.
Gunakan bentuk kompak ketika memasukkan snippet SVG sederhana ke dalam halaman atau membandingkan ikon serial. Pratinjau gambar setelah konversi, termasuk teks dan referensi URL apapun. Hanya ruang kosong tata letak antara elemen yang didukung yang dihapus; jalur tidak disederhanakan dan dimensi raster tidak terpengaruh. Simpan sumber untuk penyuntingan manual selanjutnya. Simpan asli di samping keluaran dan uji contoh kecil yang diketahui sebelum mengendalikan dokumen besar. Bandingkan konten yang berarti, bukan hanya ukuran file atau jumlah baris. Periksa nama, string kutipan, karakter non-ASCII, akhir baris dan semua bidang berulang setelah transformasi.
Jelajahi panduan