Cara vektorisasi gambar: ubah piksel menjadi path yang rapi dan bisa diedit

Raster dan vektor, dalam satu menit

Gambar raster adalah kisi kotak-kotak berwarna. Logo 500 × 500 berisi 250000 kotak, dan saat diperbesar kotaknya ikut membesar: tepinya jadi bergerigi, lalu buram. Gambar vektor menyimpan logo yang sama sebagai daftar bentuk yang singkat, masing-masing berupa garis tepi dari garis lurus dan kurva ditambah warna isian. Saat diperbesar, program cukup menggambar ulang kurvanya pada ukuran baru, jadi tepinya tetap tajam sempurna.

Itulah sebabnya percetakan, pembuat papan nama, digitizer bordir, mesin potong dan laser meminta vektor: mesin potong mengikuti path, bukan piksel, dan pencetak spanduk butuh desain yang tetap bagus selebar dua meter. SVG adalah format vektor yang paling luas didukung; Illustrator, Inkscape, Figma, Affinity, Canva, Cricut Design Space, LightBurn dan semua browser bisa membukanya.

Apa yang sebenarnya dilakukan tracing

Tracer menjawab dua pertanyaan tentang gambar Anda: area mana yang satu kelompok, dan di mana tepatnya tepi-tepinya. Vectorize.tools melakukannya dalam tiga langkah, semuanya di dalam browser Anda:

• Memilih warna. Di mode berwarna, gambar dikurangi menjadi jumlah warna yang Anda pilih (2 sampai 32). Tiap piksel dimasukkan ke warna palet terdekat, sehingga logo dengan tepi anti-aliasing berakhir dengan warna aslinya saja, bukan ratusan gradasi di antaranya.
• Menemukan bentuk. Piksel berwarna sama yang bersentuhan dikelompokkan menjadi area. Bintik yang lebih kecil dari batas Detail digabung ke tetangganya, dan inilah yang menjaga noise JPEG tidak masuk ke file.
• Menyesuaikan kurva. Garis tepi tiap area yang berbentuk tangga disederhanakan dan diganti dengan garis lurus dan kurva Bézier yang halus. Kehalusan menentukan di mana sudut tetap jadi sudut dan di mana ia berubah jadi kurva.

Di mode hitam putih, gambar lebih dulu dipisah menjadi tinta dan kertas berdasarkan ambang kecerahan (atau dengan membandingkan tiap piksel dengan sekitarnya, jika Ratakan pencahayaan aktif), lalu di-trace dengan Potrace, tracer satu warna klasik yang memberi kurva sangat halus dengan sedikit titik.

Tidak ada langkah yang mengarang apa pun: setiap tepi di SVG adalah tepi yang ada di piksel Anda. Itulah bedanya dengan meminta AI menggambar ulang gambar, yang dibahas di gambar ChatGPT ke SVG.

Pengaturan yang dipakai

Setiap preset adalah titik awal; alat ini memilih salah satunya saat Anda menjatuhkan gambar, dan Anda bisa menggantinya kapan saja. Ini nilai yang diatur oleh tiap preset:

Warna adalah pengaturan yang paling berpengaruh. Hitung warna yang terlihat di gambar asli dan pasang tepat sejumlah itu; tambah satu jika dua warna mirip menyatu, kurangi satu jika ada warna peralihan yang muncul sebagai garis tipis di sekeliling bentuk.

Detail menukar kemiripan dengan file yang bersih. Naikkan untuk teks kecil dan garis tipis; turunkan untuk hasil scan, JPEG dan apa pun yang berdebu atau ber-noise.

Kehalusan menentukan karakter kurvanya. Nilai rendah menjaga sudut tetap tegas (pixel art, logo geometris); nilai tinggi memberi kurva yang mengalir dengan titik lebih sedikit (hand lettering, bentuk organik, file potong).

Seberapa cepat, hasil pengukuran

Kami menjalankan mesin yang dipakai situs ini pada lima gambar uji dan merender setiap SVG kembali ke piksel untuk mengukur seberapa mirip dengan aslinya. Error adalah selisih rata-rata per kanal warna pada skala 0 sampai 255, jadi makin rendah makin mirip. Diukur pada 23 September 2026 di Node 22 pada CPU server; ponsel butuh waktu sekitar dua sampai empat kali lebih lama.

Polanya sama untuk semua tracer: desain datar berubah hampir sempurna menjadi file yang sangat kecil, sedangkan foto butuh ribuan bentuk agar mirip dan tidak pernah jadi salinan persis. Untuk foto, warna yang lebih sedikit memberi tampilan poster yang lebih tegas dan file yang jauh lebih kecil.

Menyiapkan gambar sumber dengan benar

• Pakai versi terbesar dan paling tajam yang Anda punya. Tracing tidak bisa memunculkan detail yang tidak ada di piksel. Logo dengan lebar di bawah 1000 piksel otomatis diperbesar sebelum di-trace, tetapi sumber yang buram tetap menghasilkan trace yang buram; memperbesarnya dulu dengan pembesar gambar lebih membantu.
• Hapus dulu background yang ramai. Untuk foto produk, hewan peliharaan atau orang, potong subjeknya dengan Clipout lalu trace PNG transparannya. Area transparan tetap kosong di SVG.
• Potong sesuai desainnya. Setiap area tambahan memakan warna dan path.
• Hindari kompresi JPEG yang berat. Artefak kotak-kotak di sekitar tepi menjadi bentuk tambahan. Ekspor PNG dari desain yang sama menghasilkan trace yang lebih bersih.

Menyiapkan SVG untuk tujuannya

• Cricut Design Space: unggah SVG-nya sebagai gambar vektor^[1]. Pakai Lapisan diatur ke Terpisah agar warna tidak bertumpuk, dan ubah ukurannya di Design Space sebelum memotong. Detailnya: SVG untuk Cricut dan Silhouette.
• Silhouette Studio: Silhouette mencantumkan impor SVG di antara fitur Business Edition miliknya^[2]; tanpa edisi itu, pakai ekspor PNG dan fitur trace milik Silhouette.
• Laser (LightBurn, Glowforge, xTool): ketiganya bisa mengimpor SVG^[3][4][5][6]. Bentuknya terisi; atur masing-masing ke cut, score atau engrave. Detailnya: laser cutting dan engraving.
• Bordir: cukup 4 sampai 6 warna dan biarkan software digitizing mengubah bentuknya menjadi jahitan. Detailnya: persiapan bordir.
• Cetak dan web: SVG bisa langsung dipakai. Untuk percetakan yang minta PNG, pakai ekspor PNG dengan lebar yang mereka minta, hingga 8192 piksel di komputer.

Privasi: kenapa tidak ada yang diunggah

Kebanyakan konverter online mengunggah gambar Anda ke server dan memprosesnya di sana. Vectorize.tools justru mengirim mesin tracing ke browser Anda sebagai WebAssembly, jadi gambar Anda didekode, di-trace dan diekspor di perangkat Anda sendiri. Itu juga sebabnya alat ini gratis tanpa batas: satu trace tidak memakan biaya apa pun bagi situs ini. Anda bisa memastikannya di panel network browser, dan setelah kunjungan pertama alat ini tetap berjalan offline.