ESC

Pengoptimum SVG

Seret dan lepas fail SVG anda di sini

atau klik untuk memilih fail (.svg - maks 5MB)

Semua pemprosesan berlaku dalam pelayar anda. Fail anda tidak dimuat naik ke mana-mana pelayan.

Contoh Penggunaan

Prestasi Web

Kurangkan saiz fail SVG untuk meningkatkan kelajuan pemuatan laman web dan skor prestasi.

Pembersihan Reka Bentuk

Bersihkan fail SVG yang dieksport daripada alat reka bentuk seperti Illustrator, Figma atau Inkscape.

SVG Dalam Baris

Sediakan kod SVG yang bersih dan minimum untuk dibenamkan terus dalam HTML atau komponen React.

Ciri-ciri

Pengoptimuman Pintar

Pelbagai pilihan untuk membuang komen, metadata, data editor dan atribut tidak perlu.

Perbandingan Saiz

Lihat saiz asal berbanding dioptimumkan dengan peratusan penjimatan ditunjukkan dengan jelas.

Pratonton Langsung

Pratonton SVG dioptimumkan yang dipapar dalam pelayar untuk mengesahkan ia kelihatan betul.

Peribadi dan Selamat

Semua pemprosesan berlaku secara tempatan menggunakan DOMParser. Fail tidak meninggalkan peranti anda.

Cara Menggunakan

1

Muat Naik atau Tampal SVG

Seret dan lepas fail SVG, pilih fail, atau tampal kod SVG secara terus.

2

Pilih Pilihan

Pilih pengoptimuman yang hendak digunakan: buang komen, metadata, ruang putih, data editor, dll.

3

Optimumkan dan Eksport

Klik Optimumkan, semak pratonton dan penjimatan saiz, kemudian salin atau muat turun SVG yang dioptimumkan.

Soalan Lazim

Ya. Hanya elemen bukan visual (komen, metadata, namespace editor) yang dibuang. Imej yang dirender kekal sama.

Eksport biasa Illustrator atau Inkscape mengecil 20-60%, kadang lebih jika banyak metadata dan defs tidak digunakan.

Tidak. Alat ini menggunakan DOMParser dalam pelayar anda, semuanya kekal tempatan.

Apa Itu SVG Optimizer?

Tampal kod SVG atau lepaskan fail, pilih pengoptimuman dan dapatkan SVG yang lebih kecil dan bersih dalam beberapa saat. Sesuai untuk membuang lebihan dari eksport alat reka bentuk.

Apa yang Dibuang?

Komen, metadata, namespace editor Inkscape/Illustrator, atribut kosong, defs tidak digunakan dan ruang putih berlebihan. Boleh juga minifikan gaya dan memendekkan ID.

Kes Penggunaan Biasa

Mengurangkan kilobait dari ikon SVG untuk prestasi web, membersihkan eksport Figma/Illustrator sebelum commit ke git, dan menyediakan SVG inline minimum untuk React.

Petua

Sentiasa pratonton SVG yang dioptimumkan sebelum memuat turun. Ketepatan perpuluhan lebih rendah jimat bait tetapi mungkin bulatkan butiran halus.

Privasi

Pemprosesan berjalan sepenuhnya dalam pelayar melalui DOMParser. Tiada fail dimuat naik, tiada data meninggalkan mesin anda.

Keselamatan dan Privasi

Keselamatan data anda adalah keutamaan kami

Pemprosesan Tempatan

Semua pemprosesan berlaku dalam pelayar anda

Tiada Pemindahan Data

Data anda tidak dihantar ke pelayan kami

Tiada Penyimpanan Data

Tiada data disimpan atau dikongsi

Penyulitan SSL

Penyulitan SSL untuk sambungan selamat

Langkah Seterusnya