Bagaimana cara mengurangi ukuran file SVG?

Jatuhkan file .svg atau tempel sumbernya, biarkan opsi default, dan bandingkan ukuran Asli dan Teroptimasi. Lalu gunakan Unduh .svg atau Salin untuk mengambil hasil yang lebih kecil.

Apa yang dihapus oleh pengoptimal SVG secara default?

Secara default, alat ini menghapus komentar, metadata termasuk judul, deskripsi, dan data Inkscape atau Sodipodi, spasi ekstra, atribut default yang berlebihan, dan deklarasi XML, serta membulatkan angka ke 2 tempat desimal.

Mengapa ID elemen tetap ada setelah dioptimalkan?

Hapus atribut id elemen tidak aktif secara default karena animasi CSS atau JavaScript mungkin merujuk ke ID tersebut. Aktifkan hanya jika tidak ada di halaman Anda yang bergantung padanya.

Mengapa animasi SVG saya hilang?

Tag skrip, atribut on-event, referensi eksternal, dan elemen animasi SMIL seperti animate dan set dihapus demi keamanan, sehingga SVG yang dioptimalkan bersifat statis.

Bisakah saya menggunakan SVG yang dioptimalkan di React atau CSS?

Bisa. Selain Salin dan Unduh .svg, ada Salin sebagai JSX, yang mengubah atribut menjadi camelCase, dan Salin latar CSS. Pratinjau Visual memungkinkan Anda memeriksa apakah SVG masih ditampilkan dengan benar.

Apakah benar-benar gratis?

Ya. Setiap alat gratis digunakan, tanpa akun dan tanpa kartu kredit. Prosesnya berjalan di perangkat Anda, bukan di server kami, itulah yang membuatnya tetap gratis.

Apakah file saya diunggah?

Tidak. File Anda dibuka dan diproses di dalam browser dan tidak dikirim ke LibraTool. Beberapa alat lebih dulu mengunduh mesin pemrosesan atau model AI ke browser Anda; unduhan itu tidak berisi data Anda.

Apakah berfungsi di mobile?

Ya. Berjalan di browser seluler terbaru di iOS dan Android, tanpa perlu memasang apa pun. File yang sangat besar bisa lambat atau kehabisan memori di ponsel, jadi gunakan komputer untuk file tersebut.

✨

Optimizer & Minifier SVG gratis

Hapus metadata, kecilkan spasi, dan bulatkan desimal untuk mengurangi ukuran file SVG secara dramatis — pengurangan tipikal 30-70%. Pratinjau visual memverifikasi tidak ada yang rusak.

Ukuran file bergantung pada perangkat AndaFile tetap privatTidak perlu loginGratis selamanya

Berfungsi offline setelah dimuat

Letakkan file di sini, atau klik untuk memilih

SVG · diproses di perangkat Anda

atau tekan Ctrl+V untuk menempel dari papan klip

Jelajahi file

— atau tempel SVG di bawah —

File Anda tidak pernah meninggalkan perangkat. Semua pemrosesan terjadi secara lokal di browser Anda.

Penggunaan umum

Optimalkan Ikon SVG untuk ProduksiHapus metadata yang tidak perlu dari SVG ikon sebelum pengiriman — pengurangan tipikal 50-80%.
Optimalkan SVG Logo MerekKurangi ukuran file SVG logo untuk pemuatan situs web cepat tanpa mengorbankan kualitas.
Optimalkan Ilustrasi dan Hero SVGUntuk ilustrasi yang lebih besar (hero, grafis dekoratif), optimisasi dapat menghemat 30-70% ukuran file.
Kurangi Ukuran Bundel JavaScriptKetika SVG diimpor sebagai komponen React atau disematkan dalam kode, optimisasi memperkecil bundel JS Anda.
Bersihkan Ekspor SVG Figma / SketchEkspor SVG Figma dan Sketch menyertakan metadata ekstensif. Hapus sebelum menggunakan dalam produksi.

Cara kerja

Alat ini mengurangi ukuran file SVG menggunakan pengoptimal tulisan tangan yang berjalan sepenuhnya di browser Anda — tanpa library, tanpa server. Ini menggabungkan dua lintasan: DOMParser/XMLSerializer bawaan browser untuk pekerjaan presisi tingkat-atribut, dan substitusi regex bertarget untuk penghapusan komentar, penghapusan metadata, dan penciutan spasi.

1
DOMParser menyanitasi SVG
Sebelum optimisasi apa pun, DOMParser bawaan browser membaca SVG sebagai XML dan menelusuri setiap elemen. Tag skrip, penangan event (atribut on* apa pun), elemen animasi, dan referensi URL eksternal dihapus tanpa syarat — ini berjalan terlepas dari opsi optimisasi mana yang Anda pilih.
2
Pembulatan desimal berbasis DOM
Jika pembulatan desimal diaktifkan, pengoptimal menelusuri DOM yang diurai kedua kalinya dan menerapkan pembulatan hanya pada atribut numerik yang dikenal (data d path, koordinat, nilai transform, lebar goresan, dll.), menggunakan regex yang mencocokkan angka floating-point individual tanpa merusak nilai path tergabung seperti .5.5.
3
Lintasan regex membersihkan markup terserialisasi
XMLSerializer menghasilkan XML ternormalisasi, lalu penggantian string bertarget melucuti komentar HTML, metadata editor Inkscape/Sodipodi, deklarasi XML, atribut default berlebih (seperti version="1.1"), dan spasi antar-tag — setiap lintasan dibatasi sempit sehingga konten simpul teks tidak pernah tersentuh.
4
Ukuran gzip dan format ekspor
CompressionStream API bawaan browser menghitung ukuran gzip sebenarnya dari masukan dan keluaran, karena itulah yang sebenarnya menentukan biaya transfer di web. SVG yang dioptimalkan dapat diunduh, disalin sebagai SVG mentah, dikonversi menjadi atribut camelCase siap-JSX React, atau dikodekan sebagai URI data CSS — semua konversi terjadi secara lokal.

SVG Anda dibaca dan diproses sepenuhnya di dalam tab browser Anda — byte file tidak pernah meninggalkan perangkat Anda.

Alat terkait

🗜️

Minifier & Beautifier CSS

Minifikasi CSS untuk mengurangi ukuran file atau rapikan CSS yang sudah diminifikasi agar mudah dibaca. Instan, di browser Anda.

Coba

🗜️

Kompresor GIF

Perkecil GIF animasi: muat di bawah batas ukuran seperti emoji Discord 256 KB atau stiker 512 KB, atau pilih sendiri warna, lebar, dan jumlah frame. Berjalan di browser Anda; GIF tidak diunggah.

CobaFile tetap lokal

📄

Kompresor PDF

Kompres file PDF untuk memperkecil ukurannya. Pilih tingkat kualitas — kompresi lebih tinggi berarti file lebih kecil tetapi kualitas gambar lebih rendah.