Pengoptimal SVG
Buang isi yang tidak perlu dan perkecil filenya
Masukan
Hasil
Belum ada yang dimasukkan
Masukkan berkas atau tempel kode — hasilnya muncul di sini.
viewBox selalu dipertahankan, jadi penskalaan responsif tidak pernah rusak.
SVG hasil ekspor dari Illustrator atau Figma membawa nama layer, metadata editor dan koordinat dengan angka desimal jauh lebih banyak daripada yang bisa dilihat siapa pun. Membuang semuanya biasanya memangkas file separuh tanpa mengubah tampilannya.
Cara pakai
- 1 Masukkan berkas SVG, atau tempel kodenya.
- 2 Sesuaikan opsinya bila perlu — matikan pembersihan ID bila CSS atau JavaScript Anda merujuk padanya.
- 3 Bandingkan ukuran sebelum dan sesudah.
- 4 Salin kode yang sudah dioptimalkan atau unduh berkasnya.
Pertanyaan yang sering diajukan
Apakah pengoptimalan mengubah tampilannya?
Dengan setelan bawaan, tidak. Menurunkan presisi desimal terlalu jauh adalah satu-satunya hal yang bisa membuat lengkungan terlihat kasar — bila bentuk yang mulus mulai tampak bersudut, naikkan lagi nilainya.
Kapan sebaiknya ID dipertahankan?
Kapan pun ada sesuatu di luar berkas yang merujuk padanya: selektor CSS, JavaScript yang menganimasikan sebuah path, atau rujukan internal seperti gradien dan clip path. Bila ragu, matikan pembersihan ID.
Apakah viewBox dipertahankan?
Selalu. Menghapusnya akan merusak penskalaan responsif, jadi viewBox tidak pernah disentuh apa pun setelan lainnya.