Multipass mengulangi langkah optimasi untuk menemukan cara lebih lanjut mengkonsolidasikan kode. Meskipun membutuhkan sedikit lebih banyak waktu pemrosesan, ini biasanya menghasilkan ukuran file yang lebih kecil, terutama untuk SVG yang kompleks.

Apakah akan merusak desain saya?

Optimasi standar aman, tetapi mengurangi presisi desimal terlalu jauh terkadang dapat menyebabkan perubahan visual yang sangat halus, terutama pada kurva yang kompleks. Selalu pratinjau hasilnya sebelum menggunakan dalam produksi.

Apakah optimizer mengirimkan SVG saya ke server?

Tidak. Optimasi SVG berjalan sepenuhnya di browser Anda menggunakan SVGO yang dikompilasi ke JavaScript. File SVG Anda tidak pernah diunggah — diproses secara lokal tanpa permintaan jaringan.

Apa yang sebenarnya dihapus oleh optimasi SVG?

Optimizer menghapus metadata editor, komentar, elemen tersembunyi, nilai atribut default, dan spasi putih yang berlebihan. Ini juga menyederhanakan data path dan menggabungkan aturan gaya yang berlebihan — semuanya tanpa mengubah tampilan SVG.

Apakah aman untuk mengoptimalkan SVG yang berisi animasi atau interaktivitas?

Aktifkan mode 'multipass' untuk penghematan maksimum, tetapi berhati-hatilah dengan SVG interaktif atau animasi — beberapa optimasi dapat menghapus atribut yang diandalkan animasi. Pratinjau hasilnya sebelum menggunakannya di produksi.

Apakah optimasi SVG mempengaruhi atribut SEO atau aksesibilitas seperti aria-label?

Secara default SVG Optimizer mempertahankan atribut aksesibilitas termasuk aria-label, aria-labelledby, aria-hidden, role, dan elemen title, karena ini penting untuk pembaca layar dan SEO. Opsi "hapus metadata" menghapus elemen deskripsi dan judul — gunakan ini hanya untuk SVG yang murni dekoratif. SVGO, mesin optimasi yang digunakan, menerapkan serangkaian plugin yang dapat dikonfigurasi; Anda dapat memeriksa dan mengalihkan setiap pass optimasi secara individual untuk memastikan tidak ada atribut aksesibilitas yang dihapus secara tidak sengaja.

Optimizer SVG — Kompres & Bersihkan File SVG

Tentang Pengoptimal SVG

Perkecil file SVG Anda tanpa mengorbankan kualitas. Optimizer kami menghapus metadata berlebihan, elemen tak terlihat, dan atribut yang tidak perlu yang ditambahkan oleh alat desain seperti Illustrator atau Figma.

Cara Penggunaan

Unggah file SVG yang ingin dioptimasi.
Tinjau perkiraan penghematan ukuran file.
Opsional: sesuaikan opsi SVGO untuk mengontrol tingkat optimasi.
Unduh file SVG yang sudah dioptimasi.

Kasus Penggunaan Umum

Mengurangi ukuran ikon dan logo website untuk meningkatkan kecepatan loading halaman.
Membersihkan ekspor Illustrator/Figma sebelum commit ke repository kode.
Mengoptimasi sprite SVG untuk digunakan di aplikasi web produksi.

Detail teknis

Menggunakan library SVGO untuk menerapkan serangkaian proses pembersihan, termasuk menggabungkan path, menghapus grup kosong, dan menghapus metadata editor.

Pemrosesan lokal

Alat file, teks, dan grafik lokal kami memproses konten di perangkat Anda menggunakan JavaScript, API browser, dan WebAssembly bila diperlukan. Peristiwa kami tidak menyertakan nama atau isi file, teks masukan, nilai grafik, kesalahan mentah, email, atau referensi lisensi. Alat jaringan (DNS, WHOIS, IP, dan uji kecepatan) menghubungi layanan eksternal untuk fungsinya. Memuat situs, font, pustaka, dan model juga membuat permintaan jaringan. WebAssembly sendiri tidak mencegah akses jaringan.