Lewati ke konten
100% Privasi — File Tetap di Perangkat Anda
>_
Bahasa Indonesia

Pengoptimal SVG

Perkecil file SVG tanpa merusaknya, langsung di browser Anda.

atau seret dan lepas file .svg di sini Pilih atau lepas beberapa file untuk mengoptimalkan semuanya dan mengunduh .zip.

Opsi optimasi
Plugin individual (lanjutan — kontrol penuh ala SVGOMG)

Tempelkan kode SVG atau unggah file untuk memulai.

Bagaimana cara kerja optimasi SVG?

Ikon dan logo yang diekspor dari alat desain seperti Illustrator, Figma, atau Sketch membawa banyak beban yang tidak ada hubungannya dengan tampilan gambar: metadata editor, komentar XML, wrapper grup yang berlebihan, koordinat yang ditulis hingga lima belas angka desimal, dan ID yang tidak dirujuk oleh siapa pun. Tidak satu pun dari itu memengaruhi tampilan, tetapi semuanya memperbesar setiap unduhan — dan jika situs Anda menggunakan puluhan ikon SVG, beban tambahan ini cepat bertambah.

Alat ini menjalankan svgo, mesin optimasi yang sama yang menjadi dasar SVGOMG, sepenuhnya di dalam browser Anda. Tempelkan markup SVG atau jatuhkan file, dan alat ini akan menghapus komentar dan sampah editor, menggabungkan path jika memungkinkan, meruntuhkan grup yang berlebihan, dan membulatkan koordinat ke presisi yang Anda tentukan — semua tanpa pernah meninggalkan perangkat Anda. Tidak ada tahap unggah dan tidak ada server yang terlibat, jadi alat ini bekerja sama baiknya untuk logo klien pribadi maupun ikon publik.

Pengaturan default sengaja dibuat konservatif: pengaturan ini mempertahankan viewBox (agar ikon tetap terskala dengan benar di mana pun ditempatkan) dan menjaga width/height tetap utuh. Mengaktifkan "Hapus width/height" berguna saat Anda menyematkan SVG secara inline dan mengatur ukurannya dengan CSS, karena dimensi tetap pada elemen root bisa bertentangan dengan stylesheet Anda. Multipass menjalankan pengoptimal lebih dari sekali, menangkap penghematan yang baru muncul setelah proses pertama menyederhanakan markup — hampir tidak pernah merugikan untuk membiarkannya aktif.

Presisi menentukan berapa banyak angka desimal yang dipertahankan pada koordinat path; menurunkannya membuat file lebih kecil lagi tetapi dapat menyebabkan sedikit pergeseran visual pada gambar yang sangat detail, jadi ada baiknya memeriksa pratinjau langsung setelah menyesuaikannya. Untuk sebagian besar ikon dan logo, pengaturan default saja biasanya memangkas ukuran file 40–60% tanpa perbedaan yang terlihat — gunakan pratinjau dan penghitung ukuran sebelum/sesudah untuk memastikannya sebelum mengunduh.

Pertanyaan yang sering diajukan

Bisakah saya mengatur tiap optimasi satu per satu, bukan hanya beberapa preset?

Bisa — panel lanjutan menampilkan setiap plugin SVGO (total 34) sebagai sakelar aktif/nonaktif tersendiri.

Apakah optimasi akan merusak kemampuan SVG untuk berskala responsif?

Tidak secara default — viewBox dipertahankan kecuali Anda secara eksplisit mengaktifkan "Hapus viewBox".

Seberapa kecil biasanya ukuran file setelah dioptimalkan?

Sebagian besar ikon dan logo menyusut 40-60% dengan pengaturan default, tanpa perbedaan terlihat di pratinjau.

Alat terkait