Pelacak Gambar ke SVG

Cara mengonversi gambar ke SVG

1. Letakkan gambar PNG, JPG, WebP, atau GIF di area unggah, atau klik area itu untuk memilih. Gambar asli muncul di sebelah kiri.
2. Pilih Preset: - Logo (warna datar, bentuk bersih) untuk logo, ikon, stempel, dan ilustrasi datar; - Detail (lebih banyak warna dan path) untuk gambar dengan bayangan atau banyak warna; - Posterisasi (4 warna halus) untuk hasil bergaya poster dari sebuah foto.
3. Atur Jumlah warna (2 sampai 64) dan Abaikan bintik lebih kecil dari (px) jika perlu. Preset mengisi nilai yang masuk akal untuk keduanya.
4. Pilih Ukuran kerja (sisi terpanjang). Gambar dilacak pada ukuran itu; SVG-nya sendiri tetap memiliki dimensi asli.
5. Klik Lacak ke SVG. Hasilnya muncul di sebelah kanan beserta ukuran file, jumlah path dan warna, serta lama pelacakan.
6. Klik Unduh SVG, atau Salin kode SVG untuk menempelkan markup ke HTML atau alat desain Anda.

Cara kerja pelacakan

Alat ini memakai imagetracerjs, pelacak sumber terbuka, dalam tiga langkah:

1. Kuantisasi warna: gambar dikurangi menjadi jumlah warna yang Anda pilih. Setiap piksel dikaitkan dengan warna palet terdekat, dan palet disempurnakan dalam beberapa putaran.
2. Deteksi tepi: untuk setiap warna, kontur setiap area berwarna itu ditelusuri, termasuk lubangnya (seperti bagian dalam huruf “O”).
3. Pencocokan path: kontur disederhanakan menjadi garis lurus dan kurva kuadratik, yang menjadi elemen <path> di SVG.

Area yang lebih kecil dari ambang Abaikan bintik lebih kecil dari (px) dibuang, sehingga noise dan artefak JPG hilang. Nilai 0 mempertahankan semuanya; 8 sampai 20 cocok untuk logo; nilai yang lebih besar menghasilkan gambar yang lebih bersih tetapi lebih sederhana. Area yang sepenuhnya transparan dihapus, sehingga logo berlatar transparan tetap transparan.

Apa yang memberi hasil bagus

Pelacakan paling baik pada logo dan gambar sederhana: sedikit warna datar, tepi jelas, tanpa gradasi. Sketsa hasil pindai, tanda tangan hitam-putih, atau ikon pixel art dapat dilacak dengan sangat baik menggunakan 2 sampai 8 warna.

Foto adalah cerita lain. Foto berisi ribuan nada halus, sehingga versi vektor yang setia memerlukan banyak warna dan puluhan ribu path, dan SVG yang dihasilkan jauh lebih berat daripada JPG-nya. Gunakan Posterisasi (4 warna halus) untuk efek artistik, dan jangan berharap hasil sefotorealistis aslinya. Jika SVG menjadi sangat besar, alat ini akan memperingatkan Anda.

Tips untuk logo yang lebih bersih:

• mulailah dari versi gambar terbesar dan tertajam yang Anda miliki;
• atur Jumlah warna sesuai jumlah warna sebenarnya di logo (termasuk latar);
• naikkan ambang bintik jika Anda melihat titik-titik kecil di sekitar tepi.

Privasi dan keamanan pratinjau

Gambar dilacak di browser Anda dan tidak pernah diunggah. Pratinjau SVG ditampilkan sebagai gambar biasa dari alamat blob privat, tidak pernah disisipkan ke halaman, sehingga file yang tidak lazim pun tidak dapat menjalankan kode.