Langkau ke kandungan
ToolMug

Pengoptimum SVG

Mampatkan fail SVG dengan SVGO dalam pelayar anda. Ia membuang metadata, komen dan atribut berlebihan yang ditambah Illustrator, Inkscape dan Figma ketika eksport, serta memendekkan data laluan dan perpuluhan supaya grafik kekal sama dan fail lebih kecil. Proses beberapa fail sekaligus atau tampal kod SVG.

Berjalan dalam pelayar anda — apa yang anda masukkan tidak dimuat naik

3

Koordinat dibundarkan kepada bilangan perpuluhan ini. 2–3 biasanya tidak kelihatan untuk kebanyakan ikon; nilai lebih rendah lebih kecil tetapi boleh mengubah perincian.

atau lepaskan fail di sini

Atau tampal kod SVG
SVG dioptimumkan

Cara menggunakan

  1. Pilih atau lepaskan fail SVG (beberapa sekaligus jika mahu), atau tampal kod SVG di bawah. Klik Muatkan contoh untuk melihat cara ia berfungsi.
  2. Laraskan tempat perpuluhan dan pilihan lain. Hasil dikemas kini serta-merta dan menunjukkan saiz setiap fail yang berkurang.
  3. Muat turun setiap fail yang dioptimumkan atau klik Muat turun semua (ZIP). Kod yang ditampal boleh disalin terus.

Penerangan pilihan

Tempat perpuluhan
Bilangan perpuluhan yang dikekalkan untuk koordinat dan nombor, lalai 3. Ikon biasanya kelihatan sama pada 1–2; kekalkan 3 atau lebih untuk ilustrasi dan peta terperinci.
Jalankan beberapa pusingan
Ulang pengoptimuman sehingga fail tidak lagi mengecil. Biasanya menjimatkan beberapa peratus lagi dan mengambil masa sedikit lebih lama.
Buang lebar/tinggi
Kekalkan viewBox sahaja supaya SVG diskalakan mengikut bekasnya — berguna apabila saiz ditetapkan dengan CSS.
Kekalkan ID
Secara lalai ID yang tidak digunakan dibuang dan yang lain dipendekkan. Tandakan ini jika CSS, JavaScript atau fail lain merujuk elemen mengikut ID.

Contoh

Yang asal (dieksport dari Inkscape, 789 bait) mengandungi pengisytiharan XML, komen, metadata, atribut untuk editor dan perpuluhan panjang. Yang dioptimumkan (248 bait):

<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>

Soalan lazim

Adakah imej akan kelihatan lebih buruk?

SVG ialah format vektor. Pengoptimuman hanya membuang kandungan yang tidak menjejaskan pemaparan dan membundarkan nombor kepada tempat perpuluhan pilihan. Dengan lalai, tiada perbezaan yang kelihatan; jika bentuk berubah, naikkan tempat perpuluhan.

Berapa banyak saiz fail boleh dikurangkan?

Ia bergantung pada perisian yang mengeksportnya. SVG daripada alat reka bentuk sering mengecil 30–70% — contoh mengecil daripada 789 kepada 248 bait. Fail yang sudah dioptimumkan berubah sedikit sahaja.

Mengapa animasi atau skrip berhenti berfungsi?

Jika gaya atau skrip SVG memilih elemen mengikut ID, tandakan Kekalkan ID.

Adakah fail saya dimuat naik?

Tidak. SVGO berjalan dalam pelayar anda; fail dibaca dan diproses secara tempatan.

Privasi

Alat ini berjalan sepenuhnya dalam pelayar anda. Fail dan teks anda diproses pada peranti anda dan tidak pernah dimuat naik ke pelayan kami.

Alat berkaitan