Hoelee Tools oleh Hoelee Enterprise

Pembersih SVG jenama untuk penjual Etsy dan Shopee

Tampal eksport SVG daripada Illustrator, Inkscape, Figma atau Canva dan dapatkan SVG lebih kecil dan terbentuk baik, tanpa metadata dan lukisan tidak berubah. Tiada muat naik.

🔒 100% dalam pelayar · tiada muat naik ke pelayan

Peraturan Malaysia & kes luar biasa

Eksport pereka bentuk ialah lukisan yang dibalut dengan data dalaman editor. Illustrator menambah pengepala XML, komen penjana, namespace Adobe dan blok metadata; Inkscape menambah ribuan atribut namespaced Sodipodi dan Inkscape untuk lapisannya sendiri, panduan dan label. Tiada apa-apa pun daripada itu mengubah satu piksel pun. Jadual di bawah ialah hasil enjin untuk eksport sebenar, yang telah dibersihkan:

Apa yang ditulis oleh editorApa yang dilakukan oleh pembersih
<?xml version="1.0" …?> dan <!DOCTYPE …>Dibuang — hasil ialah satu dokumen <svg> sahaja
<!-- Generator: Adobe Illustrator … -->Dibuang (dikira dalam ringkasan)
<metadata>, <title>, <desc>, <sodipodi:namedview>Dibuang bersama seluruh kandungannya; dikekalkan hanya jika anda mematikan pilihan itu
Atribut inkscape:*, sodipodi:*, sketch:*, figma:*, adobe:*, i:*, dan ns1:* apabila awalan itu tidak digunakan di tempat lainDibuang, bersama pengisytiharan xmlns:* yang sepadan — pengisytiharan yang tertinggal akan menjadikan dokumen tidak sah
width="1000.123456" pada akarDibuang supaya viewBox yang mengawal penskalaan; width dan height pada unsur lain dikekalkan
123.4567 dalam data laluan, geometri dan panjangDibundarkan kepada tempat perpuluhan yang anda minta — 2 secara lalai — dengan separuh ke atas atas rentetan perpuluhan, jadi 1.005 menjadi 1.01, bukan 1.00 daripada matematik float
  • Hanya atribut angka yang diketahui dibundarkan. Kandungan teks, nilai id dan class, warna fill dan stroke, rentetan style, href, dan apa-apa di dalam <text>, <style>, <script>, <foreignObject>, CDATA atau komen, tidak disentuh — id="iphone13.5" kekal seperti yang ditulis.
  • Angka dibaca dalam setiap bentuk yang dibenarkan oleh SVG: nilai negatif, eksponen seperti 1e-3, .5 di awal, 1. di akhir, dan senarai gabungan seperti M0 0L10.005 10.005 atau matrix(...).
  • Semantik geometri tidak berubah. Fail yang dibersihkan direnderkan dengan sama kecuali metadata yang dibuang dan pembundaran yang anda minta — tiada dakwaan lain dibuat tentang lukisan itu.
  • Hasil kekal terbentuk baik. Namespace editor hanya boleh dibuang apabila pengisytiharan xmlns:nya dibuang bersamanya; tanda petik, pendakap dan tag penutup dikekalkan, dan alat ini mengesahkan hasil sebagai XML yang sah.
  • Penolakan dinyatakan, bukan senyap. Input kosong, teks melebihi 2 MB, dan teks tanpa akar <svg> masing-masing mendapat mesejnya sendiri.

Tiada apa yang anda tampal keluar dari pelayar anda: halaman ini JavaScript statik tanpa sebarang panggilan rangkaian.

Sebelum dan selepas

Sebelum

<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 28.5.0, SVG Export Plug-In -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" width="1000.123456" height="800.98765" viewBox="0 0 1000 800">
  <metadata><rdf:RDF>creator data</rdf:RDF></metadata>
  <title>Logo</title>
  <desc>Storefront logo</desc>
  <sodipodi:namedview id="base" pagecolor="#ffffff" />
  <defs>
    <style>.cls{fill:#0071ce;stroke:#1d6f42}</style>
  </defs>
  <g inkscape:label="Layer 1" sodipodi:insensitive="true">
    <rect id="iphone13.5" x="10.005" y="20.0049" width="100.125" height="50.5" rx="4.4444" fill="#0071ce" stroke="#000000"/>
    <path d="M0 0 L 123.4567 78.9123 Z"/>
    <text x="11.5" y="22.1212" font-size="14.567">Kopi Ahmad 10.005</text>
  </g>
</svg>

Selepas

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" viewBox="0 0 1000 800"><defs><style>.cls{fill:#0071ce;stroke:#1d6f42}</style></defs><g><rect id="iphone13.5" x="10.01" y="20" width="100.13" height="50.5" rx="4.44" fill="#0071ce" stroke="#000000"/><path d="M0 0 L 123.46 78.91 Z"/><text x="11.5" y="22.12" font-size="14.57">Kopi Ahmad 10.005</text></g></svg>

Cara ia berfungsi

  1. Eksport reka bentuk dari Illustrator, Inkscape, Figma atau Canva sebagai SVG dan buka fail .svg dalam editor teks — salin kandungannya.
  2. Tampal teks ke dalam kotak Input, biarkan enam pilihan seperti sedia ada atau matikan satu demi satu, kemudian tekan Jalankan. Kotak Hasil memegang SVG yang dibersihkan; baris statistik menunjukkan bait sebelum dan selepas, apa yang dibuang, dan namespace mana yang ditemui.
  3. Salin hasil dan simpan sebagai fail .svg untuk templat cetakan atau perisian vektor, atau tampalkan ke dalam HTML halaman anda sebagai unsur <svg> sebaris — lukisannya tidak berubah.

Soalan lazim

Adakah logo kelihatan berbeza selepas pembersihan?

Tidak. Alat ini hanya membuang metadata, komen, namespace editor dan width/height akar, dan membundarkan angka hanya apabila anda memintanya. Pada 2 tempat perpuluhan, titik laluan boleh bergerak paling banyak separuh perseribu unit pengguna — jauh di bawah piksel yang ketara. Jika anda mematikan pembundaran, geometrinya sama bait demi bait.

Mengapa SVG yang saya eksport mengandungi xmlns:inkscape dan atribut sodipodi?

Inkscape menulis data lapisan, panduan dan labelnya sendiri kembali ke dalam SVG sebagai atribut namespaced supaya ia boleh membuka semula fail dengan cara yang sama. Pelayar mengabaikannya; ia hanya menjadikan fail lebih besar dan membocorkan maklumat editor. Membuangnya, bersama pengisytiharan xmlns mereka, memastikan dokumen kekal sah.

Mengapa 1.005 dibersihkan menjadi 1.01 dan bukan 1.00?

1.005 tidak boleh disimpan dengan tepat dalam titik terapung binari; ia disimpan sebagai 1.00499999999999989…, jadi 1.005 darab 100 ialah 100.49999999999999 dan pusingan berasaskan float memberi 1.00. Pembersih membundarkan pada rentetan digit itu sendiri, separuh ke atas, jadi 1.005 pada dua tempat perpuluhan ialah 1.01, dan set ujian mengunci kes tepat itu.

Apa kesan membuang width dan height dari akar?

SVG yang mempunyai viewBox berskala mengikut apa-apa kotak yang diperlukannya. Width dan height tetap pada akar mengatasi itu dan memaksa saiz eksport di mana-mana, yang salah untuk logo yang digunakan semula pada dua belas saiz. Membuangnya menyerahkan kawalan kembali kepada viewBox; lukisannya sendiri tidak berubah.

Adakah SVG saya dimuat naik ke mana-mana?

Tidak. Pembersih ini ialah JavaScript statik dalam pelayar anda: buka tab Rangkaian dan anda akan lihat sifar permintaan. Fail jenama ialah pakaian perdagangan anda, dan ia tidak sesekali meninggalkan mesin.

Alat berkaitan