Cara menggunakan
- Pilih atau letakkan file SVG, atau tempel kode SVG. Klik Muat contoh untuk mencoba.
- Atur jumlah angka desimal dan opsi lain. Hasil diperbarui dan ukuran baru ditampilkan.
- Unduh setiap file atau klik Unduh semua (ZIP). Kode yang ditempel dapat disalin langsung.
Penjelasan opsi
- Jumlah desimal
- Jumlah desimal yang dipertahankan untuk koordinat dan angka, default 3. Gunakan 3 atau lebih untuk ilustrasi dan peta mendetail.
- Beberapa pass
- Mengulang optimasi sampai file tidak mengecil lagi; biasanya menghemat sedikit tambahan dengan waktu lebih lama.
- Hapus width/height
- Hanya mempertahankan viewBox agar SVG mengikuti ukuran container CSS.
- Pertahankan ID
- ID yang tidak dipakai dihapus dan sisanya dipersingkat secara default. Aktifkan bila CSS atau JavaScript eksternal memakai ID.
Contoh
SVG asli (diekspor dari Inkscape, 789 byte) berisi deklarasi XML, komentar, metadata, atribut khusus editor, dan desimal panjang. Hasil yang dioptimalkan (248 byte):
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>Pertanyaan yang sering diajukan
Apakah gambar akan memburuk?
SVG adalah format vektor. Optimasi hanya menghapus isi yang tidak memengaruhi render dan membulatkan angka sesuai desimal yang dipilih.
Seberapa kecil hasilnya?
Tergantung file asal. SVG dari alat desain sering menyusut 30–70%; file yang sudah dioptimalkan berubah sedikit.
Mengapa animasi atau script berhenti?
Jika style atau script memilih elemen berdasarkan ID, aktifkan Pertahankan ID.
Apakah file saya diunggah?
Tidak. SVGO berjalan di browser; file dibaca dan diproses secara lokal.
Privasi
Alat ini berjalan sepenuhnya di browser Anda. File dan teks Anda diproses di perangkat Anda dan tidak pernah diunggah ke server kami.