Bagaimana cara mengurangkan saiz fail SVG?

Lepaskan fail .svg atau tampal sumbernya, kekalkan pilihan lalai, dan bandingkan saiz Asal dan Dioptimumkan. Kemudian gunakan Muat turun .svg atau Salin untuk mengambil hasil yang lebih kecil.

Apakah yang dibuang oleh pengoptimum SVG secara lalai?

Secara lalai ia membuang komen, metadata termasuk tajuk, desc dan data Inkscape atau Sodipodi, ruang putih tambahan, atribut lalai berlebihan dan pengisytiharan XML, serta membundarkan nombor kepada 2 tempat perpuluhan.

Mengapa ID elemen dikekalkan selepas pengoptimuman?

Buang atribut id elemen dimatikan secara lalai kerana animasi CSS atau JavaScript mungkin merujuk ID tersebut. Hidupkannya hanya jika tiada apa-apa dalam halaman anda yang bergantung padanya.

Mengapa animasi SVG saya hilang?

Tag skrip, atribut on-event, rujukan luaran dan elemen animasi SMIL seperti animate dan set dibuang atas sebab keselamatan, jadi SVG yang dioptimumkan adalah statik.

Bolehkah saya menggunakan SVG yang dioptimumkan dalam React atau CSS?

Ya. Selain Salin dan Muat turun .svg, terdapat Salin sebagai JSX, yang menukar atribut kepada camelCase, dan Salin latar belakang CSS. Pratonton Visual membolehkan anda menyemak bahawa ia masih dipaparkan dengan betul.

Adakah ia benar-benar percuma?

Ya. Setiap alat adalah percuma untuk digunakan, tanpa akaun dan tanpa kad kredit. Kerja dijalankan pada peranti anda dan bukannya pada pelayan kami, itulah yang menjadikannya percuma untuk dijalankan.

Adakah fail saya dimuat naik?

Tidak. Fail anda dibuka dan diproses dalam pelayar anda dan tidak dihantar ke LibraTool. Sesetengah alat memuat turun enjin pemprosesan atau model AI ke pelayar anda dahulu; muat turun itu tidak mengandungi data anda.

Adakah ia berfungsi pada peranti mudah alih?

Ya. Ia berjalan dalam pelayar mudah alih semasa di iOS dan Android, tanpa apa-apa untuk dipasang. Fail yang sangat besar mungkin perlahan atau kehabisan memori pada telefon, jadi gunakan komputer untuk fail sedemikian.

✨

Pengoptimum & Pemampat SVG percuma

Buang metadata, runtuhkan ruang putih, dan bulatkan perpuluhan untuk mengurangkan saiz fail SVG secara dramatik — pengurangan biasa 30-70%. Pratonton visual mengesahkan tiada yang rosak.

Saiz fail bergantung pada peranti andaFail kekal peribadiTiada log masuk diperlukanPercuma selama-lamanya

Berfungsi luar talian selepas dimuatkan

Lepaskan fail di sini, atau klik untuk semak imbas

SVG · diproses pada peranti anda

atau tekan Ctrl+V untuk menampal daripada papan keratan

Layar fail

— atau tampal SVG di bawah —

Fail anda tidak pernah meninggalkan peranti. Semua pemprosesan berlaku secara tempatan dalam pelayar anda.

Kegunaan biasa

Optimalkan Ikon SVG untuk PengeluaranBuang metadata yang tidak perlu dari ikon SVG sebelum penghantaran — pengurangan tipikal 50-80%.
Optimalkan Logo SVG JenamaKurangkan saiz fail SVG logo untuk pemuatan tapak web pantas tanpa mengorbankan kualiti.
Optimalkan Ilustrasi dan SVG PahlawanUntuk ilustrasi yang lebih besar (pahlawan, grafik dekoratif), pengoptimuman boleh menjimatkan 30-70% saiz fail.
Kurangkan Saiz Bungkus JavaScriptApabila SVG diimport sebagai komponen React atau disematkan dalam kod, pengoptimuman mengecilkan bungkus JS anda.
Bersihkan Pengeksportan SVG Figma / SketchPengeksportan SVG Figma dan Sketch mengandungi metadata luas. Buangnya sebelum menggunakan dalam pengeluaran.

Cara ia berfungsi

Alat ini mengurangkan saiz fail SVG menggunakan pengoptimum tulisan tangan yang berjalan sepenuhnya dalam pelayar anda — tiada pustaka, tiada pelayan. Ia menggabungkan dua pas: DOMParser/XMLSerializer terbina dalam pelayar untuk kerja ketepatan tahap-atribut, dan penggantian regex khusus untuk pembuangan komen, pembuangan metadata, dan keruntuhan ruang putih.

1
DOMParser mensanitasi SVG
Sebelum sebarang pengoptimuman, DOMParser pelayar membaca SVG sebagai XML dan melalui setiap elemen. Tag skrip, pengendali acara (sebarang atribut on*), elemen animasi, dan rujukan URL luaran dibuang tanpa syarat — ini berjalan tidak kira pilihan pengoptimuman yang anda pilih.
2
Pembundaran perpuluhan berasaskan-DOM
Jika pembundaran perpuluhan dihidupkan, pengoptimum melalui DOM dihurai kali kedua dan mengenakan pembundaran hanya kepada atribut berangka diketahui (data path d, koordinat, nilai transform, lebar strok, dll.), menggunakan regex yang memadankan nombor titik-apung individu tanpa merosakkan nilai laluan bergabung seperti .5.5.
3
Pas regex membersihkan markup disirikan
XMLSerializer menghasilkan XML dinormalisasi, kemudian penggantian rentetan khusus membuang komen HTML, metadata editor Inkscape/Sodipodi, pengisytiharan XML, atribut lalai berlebihan (seperti version="1.1"), dan ruang putih antara-tag — setiap pas terhad secara sempit supaya kandungan nod teks tidak pernah disentuh.
4
Saiz gzip dan format eksport
CompressionStream API pelayar mengira saiz gzip sebenar kedua-dua input dan output, kerana itulah yang sebenarnya menentukan kos pemindahan di web. SVG dioptimumkan boleh dimuat turun, disalin sebagai SVG mentah, ditukar kepada atribut camelCase sedia-JSX React, atau dikod sebagai URI data CSS — semua penukaran berlaku secara tempatan.

SVG anda dibaca dan diproses sepenuhnya di dalam tab pelayar anda — bait fail tidak pernah keluar dari peranti anda.

Alat berkaitan

🗜️

Pemampat & Pemformat CSS

Mampatkan CSS untuk mengurangkan saiz fail atau cantikkan CSS yang dimampatkan untuk kebolehbacaan. Segera, dalam pelayar anda.

Cuba

🗜️

Pemampat GIF

Kecilkan GIF beranimasi: muatkan di bawah had saiz seperti emoji 256 KB atau pelekat 512 KB Discord, atau pilih sendiri warna, lebar dan bingkai. Berjalan dalam pelayar anda; GIF tidak dimuat naik.

CubaFail kekal tempatan

📄

Pemampat PDF

Mampatkan fail PDF untuk mengurangkan saiznya. Pilih tahap kualiti — mampatan lebih tinggi bermakna fail lebih kecil tetapi kesetiaan imej lebih rendah.