Alat ini baru memuat mesin browser SVGO resmi setelah tombol Optimalkan ditekan. Konfigurasinya memakai preset plugin standar serta menghapus skrip dan event handler agar file lebih aman dipakai sebagai gambar web. ID dapat dipertahankan jika CSS, JavaScript, gradasi, mask, atau referensi eksternal bergantung padanya.
Optimasi SVG Gratis
Berjalan sepenuhnya di browser Anda - tanpa unggah, tanpa daftar.
Skrip dan event handler akan dihapus
Input SVG
SVG hasil optimasi
Ctrl atau Command + Enter
Tempel markup SVG atau pilih file untuk memulai
Apa fungsi optimasi SVG?
Optimasi SVG memperkecil file vektor dengan membuang metadata editor, komentar, atribut berlebih, dan presisi angka yang tidak diperlukan. Tempel markup atau pilih file untuk menjalankan SVGO langsung di browser. Bandingkan pratinjau asli dan hasilnya, lalu salin atau unduh SVG yang lebih kecil tanpa mengunggah karya Anda.
Cara pakai
- 1Tambahkan SVG. Tempel markup SVG lengkap, jatuhkan file .svg dari perangkat ke area unggah, atau buka contoh bawaan.
- 2Pilih pengaturan yang aman. Atur presisi desimal, biarkan multipass aktif untuk pengurangan tambahan, dan pertahankan ID jika dirujuk oleh kode lain.
- 3Optimalkan dan bandingkan. Jalankan SVGO, lalu periksa jumlah byte sebelum dan sesudah beserta kedua pratinjau visual.
- 4Salin atau unduh. Salin markup yang sudah diringkas atau unduh file .optimized.svg baru tanpa mengubah karya sumber.
Cocok untuk siapa
- Developer frontend yang ingin memperkecil ikon, logo, dan ilustrasi sebelum menambahkannya ke situs atau pustaka komponen.
- Desainer yang membersihkan metadata dan markup khusus editor dari hasil ekspor Figma, Illustrator, Sketch, atau Inkscape.
- Tim performa yang perlu mengukur penghematan byte UTF-8 secara tepat sebelum aset vektor masuk ke bundle web.
- Pembuat komponen yang menyiapkan markup SVG inline ringkas untuk React, Vue, Svelte, atau HTML biasa.
Tanya jawab
Apakah alat optimasi SVG ini gratis?
Ya. SVG dapat dioptimalkan tanpa akun, pembayaran, atau instalasi. Alat ini menampilkan perubahan byte UTF-8 secara tepat dan hasilnya bisa langsung disalin atau diunduh dari browser.
Apakah SVG saya diunggah ke server?
Tidak. Pembacaan file, pemrosesan SVGO, pengukuran byte, dan pembuatan pratinjau berlangsung secara lokal di browser. Logo, ikon, dan karya yang belum dipublikasikan tidak diunggah oleh alat ini.
Seberapa besar file SVG yang bisa dioptimalkan?
Alat ini menerima sumber SVG hingga 5 MB. Batas tersebut menjaga proses parsing tetap responsif di ponsel dan laptop pada umumnya. Untuk ilustrasi ekspor yang sangat besar, hapus gambar raster yang ditanam atau pecah karya menjadi beberapa aset kecil.
Apakah optimasi SVG mengubah tampilan gambar?
SVGO dirancang untuk mempertahankan hasil render sambil membuang data berlebih. Namun, pembulatan angka yang terlalu agresif atau pembersihan ID dapat memengaruhi file yang rumit. Bandingkan kedua pratinjau dan uji SVG hasil optimasi dalam konteks pemakaian sebenarnya sebelum mengganti aset produksi.
Apa pengaruh presisi desimal?
Presisi desimal menentukan jumlah angka di belakang koma yang dipertahankan SVGO pada koordinat, transformasi, dan nilai terkait. Nilai yang lebih rendah biasanya menghemat lebih banyak byte, tetapi dapat menggeser detail pada karya yang sangat rumit atau berukuran besar. Tiga digit merupakan nilai awal yang praktis untuk sebagian besar ikon dan ilustrasi web.
Perlukah ID dalam SVG dipertahankan?
Pertahankan ID jika CSS, JavaScript, atribut aria, gradasi, mask, filter, atau dokumen eksternal merujuk padanya. Untuk gambar dekoratif yang mandiri, opsi ini dapat dimatikan agar SVGO menghapus atau memendekkan identifier yang tidak digunakan.
Apakah pengoptimal menghapus skrip dari SVG?
Ya. Proses optimasi menghapus elemen script, atribut event handler, dan tautan JavaScript. Hasil ekspor menjadi lebih aman untuk gambar web biasa, tetapi alat ini tidak cocok untuk aplikasi SVG yang memerlukan skrip agar dapat berfungsi.
Apa fungsi optimasi multipass?
SVGO memproses kembali hasilnya selama setiap putaran masih membuat file lebih kecil. Transformasi tertentu membuka bagian baru yang bisa dibersihkan pada putaran berikutnya, sehingga ukuran mungkin turun sedikit lagi. Sebagian besar penghematan biasanya terjadi pada putaran pertama.