Pengoptimal SVG

Optimalkan file SVG agar ukurannya lebih kecil

File tidak meninggalkan perangkat Anda
Berjalan di browser
Gratis, tanpa daftar, tanpa watermark

Drop SVG files here, or click to choose

Menerima SVG, SVGZ · Anda juga bisa menempel dengan Ctrl+V / ⌘V

Or paste SVG code

Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.

Cara memakai Pengoptimal SVG

Kecilkan file SVG dengan SVGO tanpa meninggalkan browser Anda. Pilih preset Bawaan, Aman, atau Maksimum atau alihkan plugin satu per satu, periksa selisih piksel terhadap asli, lalu ekspor hasil sebagai SVG, data URI, atau komponen React.

1
Letakkan file SVG atau SVGZ di halaman, atau tempel kode SVG; Contoh memuat sebuah contoh.
2
Di Optimasi, pilih Bawaan, Aman, atau Maksimum, lalu sesuaikan Presisi angka, Multipass, dan Cetak rapi.
3
Opsional: buka grup Plugin untuk menyalakan atau mematikan plugin SVGO satu per satu; Atur ulang kembali ke Bawaan.
4
Bandingkan hasil Berdampingan, dengan Penggeser, atau di Perbedaan, tempat piksel yang berubah tampil merah.
5
Pilih tab SVG, Data URI, atau React, lalu klik Unduh SVG atau Unduh .jsx; untuk beberapa file, gunakan Unduh semua (ZIP).

Pertanyaan umum

Apakah SVG saya diunggah?

Tidak. SVGO berjalan di worker latar di browser Anda, jadi file tidak pernah meninggalkan perangkat Anda.

Apakah mengoptimalkan mengubah tampilan SVG saya?

Preset Bawaan bertujuan tampilan yang sama. Perbedaan merender kedua versi dan melaporkan bagian piksel yang berubah, atau Tampak identik. Presisi angka yang sangat rendah bisa mendistorsi detail halus.

Preset mana yang cocok untuk SVG animasi atau berskrip?

Aman. Ini membiarkan struktur, ID, dan bentuk, jadi pemilih CSS dan skrip tetap menemukan elemennya.

Mengapa Maksimum menghapus lebar dan tinggi?

Maksimum juga membuang judul, dimensi, dan skrip, yang cocok untuk ikon yang dipakai lewat CSS atau img; SVG lalu menskalakan ke wadahnya. Hapus centang removeDimensions di Penyematan web untuk mempertahankan ukuran.

Haruskah saya memakai data URI Base64 atau yang dikodekan URL?

Biarkan Base64 mati dalam kebanyakan kasus: URI yang dikodekan URL biasanya lebih pendek dan lebih baik di-gzip. Nyalakan hanya jika sebuah alat mengharapkan Base64.

Bagaimana cara kerja ekspor React?

Tab React membungkus SVG yang dioptimalkan dalam komponen JSX yang dinamai menurut file, dengan atribut yang ditulis ulang untuk JSX dan props diteruskan ke elemen svg. Unduh .jsx menyimpannya.