Skip to main content

Pengoptimasi SVG Optimalkan file SVG dengan menghapus elemen, komentar, dan metadata yang tidak perlu.

Pengoptimasi SVG illustration
🖼️

Pengoptimasi SVG

Optimalkan file SVG dengan menghapus elemen, komentar, dan metadata yang tidak perlu.

1

Unggah SVG

Tarik dan lepas atau tempel file atau kode SVG Anda.

2

Optimalkan

Klik untuk menghapus komentar, metadata, dan elemen yang tidak perlu.

3

Unduh

Salin kode SVG yang dioptimalkan atau unduh file tersebut.

Loading tool...

What Is Pengoptimasi SVG?

Sebuah pengoptimasi SVG yang membersihkan dan meminimalkan file-file SVG dengan menghapus elemen-elemen yang tidak perlu, komentar, metadata, artefak editor, dan atribut-atribut redundan. File-file SVG dari Illustrator, Figma, dan Inkscape seringkali berisi kode yang membengkak. Alat ini menghilangkan semua konten non-esensial sambil menjaga output visual. Menampilkan perbandingan ukuran file sebelum/sesudah. Semua proses pengolahan dilakukan di browser Anda menggunakan parsing DOM.

Why Use Pengoptimasi SVG?

  • Menghapus komentar, metadata, dan artefak editor
  • Menghilangkan atribut yang tidak perlu dan elemen kosong
  • Menampilkan perbandingan ukuran sebelum/sesudah
  • Mem pertahankan output visual sambil mengurangi ukuran

Common Use Cases

Kinerja Web

Kurangi ukuran file SVG untuk mempercepat waktu muat halaman.

Penyerahan Desain

Bersihkan SVG dari Figma atau Illustrator.

Perpustakaan Ikon

Optimalkan ikon SVG untuk ukuran file minimal.

Surel

Kurangi ukuran SVG inline untuk surel HTML.

Technical Guide

String SVG diparsing menggunakan DOMParser menjadi dokumen XML. Pengoptimasi melakukan traversal pada DOM dan menghapus: komentar XML, instruksi pemrosesan, elemen-elemen metadata, namespace editor (inkscape:, sodipodi:), grup-grup kosong, elemen-elemen tersembunyi, dan atribut-atribut redundan. Presisi numerik dikurangi untuk data jalur. DOM yang dibersihkan diserialisasi kembali melalui XMLSerializer.

Tips & Best Practices

  • 1
    Verifikasi bahwa SVG yang dioptimalkan terlihat identik dengan aslinya
  • 2
    Paling efektif pada SVG dari alat desain
  • 3
    Gabungkan dengan gzip untuk transfer yang lebih kecil
  • 4
    Hapus presisi desimal yang tidak perlu untuk penghematan tambahan

Related Tools

Frequently Asked Questions

Q Mengubah tampilan?
Tidak - hanya elemen non-visual yang dihapus.
Q Berapa besar pengurangan?
Biasanya 20-60% tergantung pada metadata editor.
Q Semua SVG?
Ya - menangani SVG dari semua alat desain dan hand-coded.
Q Kustomisasi penghapusan?
Alat ini menerapkan optimalkan yang aman untuk mempertahankan keaslian visual.
Q Masih valid SVG?
Ya - output adalah SVG yang valid dan merender dengan benar di semua browser.

About This Tool

Pengoptimasi SVG is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.