Penukar Percuma

PNG ke SVG Vectorizer

Tukar imej Raster PNG/JPG kepada grafik Vektor SVG berskala. Selamat, pantas dan diproses sepenuhnya dalam penyemak imbas anda.

Seret & Lepas PNG/JPG di sini

Menyokong sehingga 50MB

Ataupun

Tentang alat ini

Menukar PNG kepada SVG pada asasnya ialah operasi pengesanan, bukan perubahan format. PNG menyimpan piksel; SVG menyimpan primitif geometri. Beralih daripada grid piksel kepada laluan vektor berskala memerlukan tafsiran peta bit dan melukis bentuk anggaran di sekitar kawasan dengan warna yang serupa. Hasilnya benar-benar berskala — anda boleh mengubah saiz secara bebas tanpa pikselasi — tetapi ia bukan pembiakan sumber yang sempurna. Kandungan fotografi kurang dijejaki kerana setiap variasi warna tahap piksel menjadi bentuk, menghasilkan SVG besar yang mengalahkan tujuan. Logo, ikon, seni garisan dan grafik kontras tinggi dikesan dengan bersih kerana ia mempunyai sebilangan kecil kawasan warna dengan sempadan yang jelas.

Penukar ini menggunakan pustaka imagetracerjs, port JavaScript bagi algoritma pengesanan vektor yang serupa dengan potrace. PNG dinyahkodkan menjadi peta bit RGBA, peta bit dibahagikan kepada kawasan warna menggunakan palet boleh dikonfigurasikan, sempadan setiap rantau dijejaki ke laluan, laluan dipermudahkan menggunakan anggaran Bezier dan laluan yang terhasil dipancarkan sebagai elemen laluan SVG. Keseluruhan saluran paip berjalan dalam penyemak imbas anda tanpa sebarang muat naik pelayan.

Parameter penjejakan mengawal pertukaran antara kesetiaan dan saiz fail. Lebih banyak warna dan perincian yang lebih halus menghasilkan SVG yang lebih besar yang lebih hampir padan dengan sumber; warna yang lebih sedikit dan pengesanan yang lebih kasar menghasilkan SVG yang lebih kecil dengan rasa yang lebih bergaya. Lalai ditala untuk logo dan ikon; imej kompleks mungkin mendapat manfaat daripada pas pengesanan dengan tetapan yang dilaraskan, atau mungkin bukan calon yang baik untuk pengvektoran.

Mengapa Menukar PNG kepada SVG

Memvektorkan PNG adalah paling berguna apabila anda perlu menskalakan imej melebihi peleraian asalnya. Logo khususnya sering tiba sebagai PNG pada saiz sederhana dan perlu kelihatan jelas pada papan iklan, paparan retina dan cetakan format besar. Surih vektor menghasilkan SVG yang berskala tanpa kehilangan kualiti; tradeoff adalah kesetiaan kepada piksel asal.

SVG juga jauh lebih padat daripada PNG untuk grafik dengan sedikit warna dan kawasan rata yang besar. Ikon PNG pada 256×256 mungkin 8 KB; SVG yang setara dengan dua atau tiga warna selalunya di bawah 1 KB. Untuk perpustakaan ikon UI yang dihantar ke bahagian hadapan web, versi vektor mengurangkan saiz berkas dan meningkatkan ketajaman pada semua ketumpatan paparan.

Cara menggunakan

Lepaskan PNG, pilih tetapan pengesanan, jana SVG.

  1. Muat naik PNG anda: Seret fail ke dalam kawasan muat naik atau klik untuk menyemak imbas. Hasil terbaik datang daripada PNG dengan tepi tajam dan sebilangan kecil warna berbeza — logo, ikon, seni garisan, ilustrasi ringkas. Gambar dikesan dengan buruk dan menghasilkan SVG yang besar.
  2. Laraskan pilihan pengesanan jika perlu: Kiraan warna mengawal bilangan warna berbeza yang muncul dalam output. Penyederhanaan laluan (juga dipanggil ltres atau qtres) mengawal seberapa agresif algoritma melicinkan sudut. Ketepatan yang lebih tinggi menghasilkan SVG lebih dekat dengan sumber tetapi dengan lebih banyak data laluan.
  3. Jejak dan pratonton: Algoritma imagetracerjs berjalan melalui pengkuantitian warna, pengesanan tepi, pengesanan kontur dan pemasangan Bezier. Mengesan skala masa dengan saiz imej dan bilangan warna. Logo 256×256 dengan 4 kesan warna dalam masa kurang satu saat; imej 1024×1024 dengan 16 warna mungkin mengambil masa beberapa saat.
  4. Muat turun SVG: Simpan SVG ke peranti anda. Fail mengandungi penanda XML dengan elemen laluan; anda boleh membukanya dalam mana-mana editor teks untuk memeriksa atau menala sendiri hasilnya.

Kes Penggunaan Biasa

Butiran Teknikal

imagetracerjs melaksanakan saluran paip berbilang peringkat: kuantisasi warna mengurangkan peta bit kepada bilangan warna tetap menggunakan k-means clustering atau potongan median; pengesanan tepi mengenal pasti sempadan piksel antara kawasan; pengesanan kontur mengikut sempadan untuk menghasilkan poligon tertutup; pemasangan garis dan lengkung menghampiri poligon dengan lengkung Bezier untuk mengurangkan data laluan.

Parameter algoritma yang paling penting ialah bilangan warna (biasa: 4–32), pathomit (laluan yang lebih pendek daripada piksel ini dibuang sebagai hingar), ltres (toleransi garisan — sejauh mana sesuatu tepi boleh menyimpang sebelum dipecahkan kepada segmen baharu), dan qtres (toleransi lengkung kuadratik — betapa agresifnya lengkung dilicin). Lalai berfungsi dengan baik untuk logo; imej kompleks mendapat manfaat daripada penalaan setiap imej.

Output ialah SVG 1.1 standard dengan elemen laluan. Setiap kawasan warna menjadi satu laluan dengan atribut isian. Fail yang terhasil dibuka dalam mana-mana pelayar, editor vektor atau alat reka bentuk sedar SVG. Saiz fail bergantung terutamanya pada kiraan laluan dan ketumpatan nod; logo yang dikesan biasa ialah 1–10 KB.

Amalan Terbaik

Soalan lazim

Adakah output SVG akan menjadi fail vektor sebenar?
Alat ini mengesan imej raster untuk mencipta laluan vektor. Hasil carian berfungsi paling baik dengan grafik ringkas, logo dan seni garisan. Gambar akan menghasilkan laluan yang kompleks dan mungkin tidak kelihatan seperti yang diharapkan.
Apakah yang membezakan SVG daripada format imej lain?
SVG ialah format vektor — imej digambarkan sebagai bentuk matematik dan bukannya piksel. Ini bermakna fail SVG berskala kepada mana-mana saiz tanpa kehilangan kualiti, dan ia biasanya jauh lebih kecil daripada imej raster untuk grafik seperti logo dan ikon.
Adakah terdapat sebarang batasan yang perlu diketahui?
Fail sehingga 50MB disokong. Fail yang sangat besar atau kompleks mungkin mengambil masa yang lebih lama untuk diproses. Semua penukaran berlaku dalam penyemak imbas anda, jadi kelajuan pemprosesan bergantung pada peranti anda.
Adakah imej saya dirahsiakan semasa penukaran?
ya. Fail PNG anda diproses sepenuhnya dalam penyemak imbas anda menggunakan API Kanvas dan JavaScript. Tiada apa-apa yang dimuat naik ke mana-mana pelayan — fail pergi terus dari peranti anda ke penukar dan kembali ke peranti anda.
Adakah jejak boleh diedit dalam Illustrator atau Inkscape?
ya. Outputnya ialah SVG standard dengan elemen laluan. Kedua-dua Illustrator dan Inkscape membukanya secara asli dan membenarkan anda mengedit laluan, menukar warna dan memperhalusi hasilnya.
Adakah PNG saya dimuat naik ke pelayan?
Tidak. Pengesanan berlaku dalam penyemak imbas anda menggunakan imagetracerjs. Fail tidak meninggalkan peranti anda.
Mengapa fail SVG saya besar?
Biasanya kerana imej sumber mempunyai terlalu banyak warna atau terlalu banyak butiran halus. Cuba kurangkan kiraan warna, tingkatkan pemudahan laluan atau gunakan imej sumber lain dengan geometri yang lebih bersih.
Bolehkah saya mengesan PNG dengan ketelusan?
ya. Piksel lutsinar menjadi kawasan tanpa laluan dalam SVG. Latar belakang lutsinar dikekalkan apabila SVG dipaparkan pada sebarang warna latar belakang.