Membersihkan ikon SVG yang diekspor dari Figma, Illustrator, atau Sketch sebelum di-commit ke repo. Memangkas payload sebelum di-inline ke HTML atau CSS (di mana setiap byte ikut dengan setiap halaman). Membuang komentar XML yang ditinggalkan beberapa tool desain di ekspor ("Generator: Adobe Illustrator…"). Sanity-pass cepat sebelum mengencode SVG sebagai data: URL.

Tidak seagresif SVGO. Pustaka SVGO asli bisa melakukan optimasi path, pembersihan viewBox, dan puluhan pass lain. Tool ini sengaja hanya melakukan pass yang aman dan jelas — supaya tetap 0-dependency dan 100 % di browser. Pembuangan default-attr konservatif. Hanya menghilangkan daftar pendek default yang umum ( stroke="none" , fill-rule="nonzero" , dll.). Kalau SVG-mu butuh itu eksplisit, matikan opsi. Pembulatan koordinat itu lossy. 2 desimal aman untuk ikon dan logo; untuk diagram presisi tinggi, mungkin kamu mau menonaktifkannya. Memadatkan whitespace bisa merusak . Elemen yang mengandalkan banyak spasi akan kehilangan itu. Untuk SVG ikon (tanpa teks), ini tidak pernah jadi masalah.

Pengoptimal SVG

Minifikasi file SVG langsung di browser-mu. Membuang komentar, whitespace tak guna, atribut default, dan membulatkan desimal panjang. File tidak pernah meninggalkan perangkatmu.

SVG input

🔒 Files never leave your browser — no upload, no server, no tracking.

Opsi

Remove comments Collapse whitespace Drop default attrs Round coords (2 dp)

Optimized SVG

Masukkan input di atas untuk melihat hasilnya.

Untuk apa ini?

Tool ini menjalankan sekumpulan kecil pass regex hand-rolled di atas sebuah SVG untuk mengecilkan ukurannya dalam byte: menghapus komentar XML, memadatkan rangkaian whitespace antar tag, membuang segelintir atribut yang nilainya sudah sama dengan default, dan membulatkan koordinat desimal panjang ke 2 angka. Tiap pass adalah checkbox yang bisa kamu matikan. Semua terjadi di browser-mu — tanpa upload, tanpa server.

Kapan digunakan

Membersihkan ikon SVG yang diekspor dari Figma, Illustrator, atau Sketch sebelum di-commit ke repo.
Memangkas payload <svg> sebelum di-inline ke HTML atau CSS (di mana setiap byte ikut dengan setiap halaman).
Membuang komentar XML yang ditinggalkan beberapa tool desain di ekspor ("Generator: Adobe Illustrator…").
Sanity-pass cepat sebelum mengencode SVG sebagai data: URL.

Kesalahan umum

Tidak seagresif SVGO. Pustaka SVGO asli bisa melakukan optimasi path, pembersihan viewBox, dan puluhan pass lain. Tool ini sengaja hanya melakukan pass yang aman dan jelas — supaya tetap 0-dependency dan 100 % di browser.
Pembuangan default-attr konservatif. Hanya menghilangkan daftar pendek default yang umum (stroke="none", fill-rule="nonzero", dll.). Kalau SVG-mu butuh itu eksplisit, matikan opsi.
Pembulatan koordinat itu lossy. 2 desimal aman untuk ikon dan logo; untuk diagram presisi tinggi, mungkin kamu mau menonaktifkannya.
Memadatkan whitespace bisa merusak <text>. Elemen <text> yang mengandalkan banyak spasi akan kehilangan itu. Untuk SVG ikon (tanpa teks), ini tidak pernah jadi masalah.