onul.works

SVG Optimizer

Optimalkan dan minify kode SVG, lalu tinjau hasil yang sudah dibersihkan.

⌘ Berjalan di browser ◴ Data tidak disimpan ⌁ Gratis

Konsep

Optimasi SVG untuk menekan ukuran file sambil menjaga hasil render

Optimasi SVG dipakai sebelum mempublikasikan aset inline atau SVG yang diunduh, dengan menghapus data yang tidak perlu agar payload lebih kecil.

Tool ini biasa menyederhanakan deklarasi XML, komentar, metadata, dan spasi berlebih agar ukuran berkas lebih ringan tanpa mengubah struktur tampilan.

Untuk kumpulan ikon atau ilustrasi yang banyak, file SVG ringan sangat membantu efisiensi pemuatan, terutama jika dipakai lintas banyak halaman atau email.

Kapan digunakan

Digunakan saat menyiapkan ikon, tombol inline SVG, badge, atau banner ilustrasi yang akan dipakai berulang kali dengan kebutuhan performa lebih baik.

Yang dibersihkan

Menghapus deklarasi XML, doctype, komentar, dan metadata, lalu merapikan spasi antarelemen, di sekitar tanda sama dengan, serta spasi berulang.

Poin verifikasi akhir

Bandingkan output sebelum dan sesudah untuk memastikan viewBox, bentuk, dan atribut aksesibilitas seperti aria-label/role tetap terjaga.

Sebelum rilis, cek ulang tampilan dan metadata aksesibilitas agar hasil tidak kehilangan bentuk, alignment, atau informasi untuk pembaca layar.

Input SVG
SVG yang dioptimalkan

Cara menggunakan

  1. 1 Tempel kode SVG atau seret file SVG ke area input.
  2. 2 Klik optimize untuk mengurangi kode yang tidak perlu.
  3. 3 Periksa pratinjau dan perubahan ukuran, lalu salin atau unduh SVG yang dioptimalkan.

Contoh penggunaan umum

  • Penghapusan komentar dan metadata SVG
  • Kompres kode SVG inline
  • Pratinjau dan unduh SVG yang dioptimalkan

Pertanyaan umum

Bagaimana cara memasukkan SVG?

Tempel kode SVG atau jatuhkan file .svg untuk mengisi kotak input, lalu jalankan optimasi.

Apa yang dikurangi oleh optimasi?

Alat ini menghapus deklarasi XML, komentar, doctype, dan tag metadata, lalu membersihkan whitespace untuk memendekkan kode SVG.

Bisakah saya menyalin atau mengunduh hasilnya?

Ya. Anda dapat menyalin kode SVG yang dioptimalkan atau mengunduhnya sebagai optimized.svg, dan pratinjau juga ditampilkan.

Alur kerja terkait

SVG OptimizerOptimalkan kode SVG terlebih dahulu agar aset vektor lebih ringan untuk web. → Base64 ke GambarBuka materi gambar Base64 untuk memeriksa aset pendukung pada layar yang sama. → Generator FaviconBuat favicon jika logo atau ikon yang sudah dibersihkan juga perlu menjadi ikon situs.