onul.works

SVG Optimizer

Optimumkan kod SVG dengan SVG optimizer online, minify markup, dan semak hasil yang telah dibersihkan.

⌘ Berjalan dalam pelayar ◴ Data tidak disimpan ⌁ Percuma

Konsep

Pengoptimuman SVG untuk mengecilkan fail sambil mengekalkan hasil

Pengoptimuman SVG biasanya dilakukan sebelum menerbitkan aset SVG inline atau muat turun, mengurangkan saiz penghantaran tanpa mengubah struktur.

Alat ini memotong deklarasi XML, ulasan, metadata, dan ruang kosong berlebihan agar fail lebih ringan ketika digunakan pada icon set atau aset ilustrasi.

Bila fail SVG yang sama dihantar ke banyak halaman, emel, atau sistem reka bentuk, penjimatan saiz akan meningkatkan kelajuan muat dan mengurangkan penggunaan jalur lebar.

Bila digunakan

Sesuai semasa menyediakan ikon laman web, butang SVG inline, lencana, atau ilustrasi berbilang destinasi yang perlu dihantar pantas.

Apa yang dibersihkan

Padamkan deklarasi XML, doctype, komen dan metadata, kemudian kemaskan ruang antara elemen, sekitar tanda sama dengan serta ruang berulang.

Semakan akhir

Bandingkan pratayang sebelum dan selepas untuk memastikan viewBox, bentuk, serta atribut kebolehcapaian seperti aria-label/role kekal.

Sebelum pengeluaran, sahkan bahawa hasil, jarak dan metadata kebolehcapaian tidak hilang, supaya UI dan pembaca skrin tidak terganggu.

Input SVG
SVG yang dioptimumkan

Cara guna

  1. 1 Tampal kod SVG atau seret fail SVG ke kawasan input.
  2. 2 Klik optimumkan untuk mengurangkan kod yang tidak perlu.
  3. 3 Semak pratonton dan perubahan saiz, kemudian salin atau muat turun SVG yang dioptimumkan.

Contoh penggunaan umum

  • Buang komen dan metadata SVG
  • Mampatkan kod SVG inline
  • Pratonton dan muat turun SVG yang dioptimumkan

Soalan lazim

Bagaimana saya menyediakan SVG?

Tampal kod SVG atau lepaskan fail .svg untuk mengisi kotak input, kemudian jalankan pengoptimuman.

Apa yang dikurangkan oleh pengoptimuman?

Alat ini membuang deklarasi XML, komen, doctype dan tag metadata, kemudian membersihkan whitespace untuk memendekkan kod SVG.

Bolehkah saya menyalin atau memuat turun hasilnya?

Ya. Anda boleh menyalin kod SVG yang dioptimumkan atau memuat turunnya sebagai optimized.svg, dan pratonton turut dipaparkan.

Aliran kerja berkaitan

Pengoptimum SVGOptimumkan kod SVG dahulu supaya aset vektor menjadi lebih ringan untuk web. → Base64 ke ImejBuka sebarang bahan imej Base64 untuk menyemak aset sokongan pada skrin yang sama. → Penjana FaviconJana favicon jika logo atau ikon yang telah dibersihkan juga perlu menjadi ikon laman.