Konverter Gratis

Ubah PNG ke Vektor SVG

Ubah gambar PNG/JPG raster menjadi grafis vektor SVG yang bisa diperbesar tanpa pecah. Dilakukan dengan cepat langsung dari browser Anda.

Seret & Jatuhkan PNG/JPG di sini

Mendukung hingga 50MB

Atau

Tentang alat ini

Mengonversi PNG ke SVG pada dasarnya adalah operasi penelusuran, bukan perubahan format. PNG menyimpan piksel; SVG menyimpan primitif geometris. Beralih dari kisi piksel ke jalur vektor yang dapat diskalakan memerlukan interpretasi bitmap dan menggambar perkiraan bentuk di sekitar wilayah dengan warna serupa. Hasilnya benar-benar dapat diskalakan — Anda dapat mengubah ukurannya dengan bebas tanpa pikselasi — namun ini bukan reproduksi sempurna dari sumbernya. Konten fotografi memiliki penelusuran yang buruk karena setiap variasi warna tingkat piksel menjadi sebuah bentuk, menghasilkan SVG berukuran besar yang menggagalkan tujuannya. Logo, ikon, seni garis, dan grafik kontras tinggi dapat dilacak dengan rapi karena memiliki sejumlah kecil wilayah warna dengan batas yang jelas.

Konverter ini menggunakan perpustakaan imagetracerjs, port JavaScript dari algoritma penelusuran vektor yang mirip dengan potrace. PNG didekodekan menjadi bitmap RGBA, bitmap tersebut disegmentasi menjadi wilayah warna menggunakan palet yang dapat dikonfigurasi, batas setiap wilayah ditelusuri menjadi sebuah jalur, jalur disederhanakan menggunakan pendekatan Bezier, dan jalur yang dihasilkan dipancarkan sebagai elemen jalur SVG. Seluruh saluran berjalan di browser Anda tanpa unggahan server apa pun.

Parameter penelusuran mengontrol trade-off antara fidelitas dan ukuran file. Lebih banyak warna dan detail yang lebih halus menghasilkan SVG yang lebih besar dan lebih mirip dengan sumbernya; warna yang lebih sedikit dan penelusuran yang lebih kasar menghasilkan SVG yang lebih kecil dengan nuansa yang lebih bergaya. Defaultnya disesuaikan dengan logo dan ikon; gambar yang kompleks mungkin mendapat manfaat dari tracing pass dengan pengaturan yang disesuaikan, atau mungkin bukan kandidat yang baik untuk vektorisasi.

Mengapa Mengonversi PNG ke SVG

Membuat vektor PNG sangat berguna saat Anda perlu memperbesar gambar melebihi resolusi aslinya. Logo khususnya sering kali hadir dalam bentuk PNG dengan ukuran sedang dan harus terlihat jelas di papan reklame, layar retina, dan cetakan format besar. Jejak vektor menghasilkan SVG yang dapat diskalakan tanpa kehilangan kualitas; pengorbanannya adalah kesetiaan pada piksel aslinya.

SVG juga jauh lebih ringkas dibandingkan PNG untuk grafis dengan sedikit warna dan bidang datar yang luas. Ikon PNG pada 256×256 mungkin berukuran 8 KB; SVG yang setara dengan dua atau tiga warna seringkali berukuran di bawah 1 KB. Untuk pustaka ikon UI yang dikirimkan ke antarmuka web, versi vektor mengurangi ukuran bundel dan meningkatkan ketajaman pada semua kepadatan tampilan.

Cara menggunakan

Jatuhkan PNG, pilih pengaturan penelusuran, buat SVG.

  1. Unggah PNG Anda: Seret file ke area unggah atau klik untuk menelusuri. Hasil terbaik diperoleh dari PNG dengan tepi tajam dan sedikit warna berbeda — logo, ikon, seni garis, ilustrasi sederhana. Foto dilacak dengan buruk dan menghasilkan SVG yang sangat besar.
  2. Sesuaikan opsi penelusuran jika diperlukan: Jumlah warna mengontrol berapa banyak warna berbeda yang muncul pada keluaran. Penyederhanaan jalur (juga disebut ltres atau qtres) mengontrol seberapa agresif algoritme menghaluskan sudut. Presisi yang lebih tinggi menghasilkan SVG yang lebih dekat ke sumbernya tetapi dengan lebih banyak jalur data.
  3. Lacak dan pratinjau: Algoritme imagetracerjs dijalankan melalui kuantisasi warna, deteksi tepi, penelusuran kontur, dan pemasangan Bezier. Menelusuri skala waktu dengan ukuran gambar dan jumlah warna. Logo berukuran 256×256 dengan 4 warna dijiplak dalam waktu kurang dari satu detik; gambar 1024x1024 dengan 16 warna mungkin memerlukan waktu beberapa detik.
  4. Unduh SVGnya: Simpan SVG ke perangkat Anda. File tersebut berisi markup XML dengan elemen jalur; Anda dapat membukanya di editor teks mana pun untuk memeriksa atau menyempurnakan hasilnya.

Kasus Penggunaan Umum

Detail Teknis

imagetracerjs mengimplementasikan pipeline multi-tahap: kuantisasi warna mengurangi bitmap menjadi sejumlah warna tetap menggunakan pengelompokan k-means atau pemotongan median; deteksi tepi mengidentifikasi batas piksel antar wilayah; penelusuran kontur mengikuti batas untuk menghasilkan poligon tertutup; pemasangan garis dan kurva mendekati poligon dengan kurva Bezier untuk mengurangi data jalur.

Parameter algoritme yang paling penting adalah jumlah warna (umumnya: 4–32), pathomit (jalur yang lebih pendek dari piksel sebanyak ini akan dibuang sebagai noise), ltres (toleransi garis — seberapa jauh suatu tepi dapat menyimpang sebelum dipecah menjadi segmen baru), dan qtres (toleransi kurva kuadrat — seberapa agresif kurva dihaluskan). Standarnya berfungsi dengan baik untuk logo; gambar yang kompleks mendapat manfaat dari penyetelan per gambar.

Outputnya adalah standar SVG 1.1 dengan elemen jalur. Setiap wilayah warna menjadi satu jalur dengan atribut isi. File yang dihasilkan terbuka di browser apa pun, editor vektor, atau alat desain yang mendukung SVG. Ukuran file terutama bergantung pada jumlah jalur dan kepadatan node; logo tipikal yang dijiplak berukuran 1–10 KB.

Praktik Terbaik

Pertanyaan yang sering diajukan

Akankah keluaran SVG menjadi file vektor yang sebenarnya?
Alat ini menelusuri gambar raster untuk membuat jalur vektor. Hasil akan bekerja paling baik dengan grafis sederhana, logo, dan seni garis. Foto akan menghasilkan jalur yang rumit dan mungkin tidak terlihat seperti yang diharapkan.
Apa yang membuat SVG berbeda dari format gambar lainnya?
SVG adalah format vektor — gambar digambarkan sebagai bentuk matematika, bukan piksel. Ini berarti file SVG dapat diskalakan ke ukuran apa pun tanpa kehilangan kualitas, dan biasanya jauh lebih kecil daripada gambar raster untuk grafik seperti logo dan ikon.
Apakah ada batasan yang perlu diperhatikan?
File hingga 50MB didukung. File yang sangat besar atau kompleks mungkin memerlukan waktu lebih lama untuk diproses. Semua konversi terjadi di browser Anda, jadi kecepatan pemrosesan bergantung pada perangkat Anda.
Apakah gambar saya dirahasiakan selama konversi?
Ya. File PNG Anda diproses seluruhnya di dalam browser Anda menggunakan Canvas API dan JavaScript. Tidak ada yang diunggah ke server mana pun — file langsung dikirim dari perangkat Anda ke konverter dan kembali ke perangkat Anda.
Apakah jejaknya dapat diedit di Illustrator atau Inkscape?
Ya. Outputnya adalah SVG standar dengan elemen jalur. Illustrator dan Inkscape membukanya secara asli dan memungkinkan Anda mengedit jalur, mengubah warna, dan menyempurnakan hasilnya.
Apakah PNG saya diunggah ke server?
Tidak. Pelacakan terjadi di browser Anda menggunakan imagetracerjs. File tersebut tidak meninggalkan perangkat Anda.
Mengapa file SVG saya berukuran besar?
Biasanya karena gambar sumber memiliki terlalu banyak warna atau terlalu banyak detail halus. Coba kurangi jumlah warna, tingkatkan penyederhanaan jalur, atau gunakan gambar sumber lain dengan geometri yang lebih bersih.
Bisakah saya melacak PNG dengan transparansi?
Ya. Piksel transparan menjadi area tanpa jalur di SVG. Latar belakang transparan dipertahankan ketika SVG dirender pada warna latar belakang apa pun.