SVG optimizer
Bersihkan markup vector sebelum masuk ke komponen, icon set, atau bundle asset statis.
Pengaturan optimasi
Presisi lebih rendah bisa mengecilkan file lebih jauh, tetapi pembulatan agresif dapat merusak path. Nilai 2 atau 3 adalah default yang baik.
Cara kerja optimasi SVG
Hapus data yang tidak dirender
Export dari tool desain sering berisi metadata, komentar, namespace editor, dan markup tak terlihat yang menambah byte tanpa mengubah gambar.
Kurangi presisi path
Koordinat seperti 10.5432109 sering bisa dibulatkan menjadi 10.54 tanpa perbedaan yang terlihat, terutama untuk ikon berukuran kecil.
Periksa sebelum publikasi
Optimasi harus menjaga viewBox, fill, stroke, label ARIA, dan ID penting saat memengaruhi rendering, styling, animasi, atau aksesibilitas.
Pertanyaan umum
Apakah SVG yang dioptimasi akan terlihat blur?
Tidak. SVG berbasis vector, jadi optimasi memangkas markup, bukan meraster gambar. Risikonya hanya pembulatan nilai path yang terlalu agresif.
Mengapa SVG hasil optimasi kadang lebih besar?
Jika file asli sudah sangat rapat atau dioptimasi manual, mungkin hanya sedikit yang bisa dihapus. Dalam kasus itu, output bisa mirip ukurannya atau kadang sedikit lebih besar.
Apakah mendukung optimasi batch?
Halaman ini dirancang untuk inspeksi dan tuning satu file. Untuk optimasi batch, gunakan tool build-step seperti SVGO di pipeline.
Bisakah optimasi SVG merusak animasi atau styling?
Ya, jika optimizer menghapus ID, class, metadata, atau presisi yang dibutuhkan CSS atau JavaScript. Pratinjau hasilnya dan pertahankan atribut penting saat SVG interaktif.
Apakah SVG dekoratif perlu label aksesibilitas?
SVG dekoratif biasanya bisa disembunyikan dari assistive technology. Ikon dan ilustrasi informatif sebaiknya mempertahankan title, label, atau teks pendamping yang bermakna.