Minifikasi dan kompres file SVG dengan SVGO. Hapus metadata, komentar, dan kode berlebihan โ semuanya di browser.
Optimize up to 50 SVG files at once and download as a ZIP.
Proses hingga 50 file sekaligus dengan Pro. Hemat waktu dari pekerjaan berulang.
Upgrade ke Pro โ $8/bln| Plugin | Yang dilakukan |
|---|---|
| removeComments | Removes XML and SVG comments |
| removeMetadata | Removes <metadata> blocks added by design tools |
| cleanupAttrs | Cleans up attribute formatting and whitespace |
| minifyStyles | Minifies inline CSS style attributes |
| cleanupIds | Removes unused IDs and shortens referenced ones |
| convertColors | Converts colors to shorter hex notation |
| convertPathData | Optimises path data commands and coordinates |
| mergePaths | Merges adjacent paths with identical styles |
| collapseGroups | Collapses unnecessary group elements |
| removeUselessDefs | Removes <defs> with no referenced elements |
Optimasi SVG menghapus konten yang tidak perlu dari file SVG: metadata editor, komentar, elemen tersembunyi, nilai atribut default, dan spasi putih berlebihan. Juga menggabungkan jalur, mengkonversi bentuk ke equivalen yang lebih pendek, dan membulatkan koordinat desimal. Hasilnya adalah SVG yang lebih kecil dan bersih yang dirender secara identik.
Penghematan sangat bervariasi tergantung bagaimana SVG dibuat. Diekspor dari Illustrator atau Inkscape: pengurangan 50-80%. SVG yang dioptimalkan secara manual: 10-30%. SVG dari alat desain seperti Figma sudah cukup bersih: 20-50%. Alat ini menunjukkan penghematan byte yang tepat.
Dengan pengaturan default, optimasi adalah lossless โ SVG yang dioptimalkan dirender secara identik dengan aslinya. Opsi agresif seperti menghapus viewBox atau menggabungkan gaya dapat mempengaruhi penskalaan atau gaya eksternal. Alat ini menggunakan preset SVGO default yang aman.
Ya. SVG inline yang dioptimalkan dapat ditempel langsung ke HTML. Untuk tag img atau latar belakang CSS, simpan sebagai file .svg. Untuk ikon yang sangat kecil, pertimbangkan mengkonversi ke data URI (mis. url("data:image/svg+xml,...")) untuk nol permintaan HTTP.