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
Ubah gambar PNG/JPG raster menjadi grafis vektor SVG yang bisa diperbesar tanpa pecah. Dilakukan dengan cepat langsung dari browser Anda.
Mendukung hingga 50MB
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.
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.
Jatuhkan PNG, pilih pengaturan penelusuran, buat SVG.
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.