Raster dan vektor ialah dua cara berbeza menyimpan imej, dan mengetahui perbezaannya memberitahu anda tepat bila untuk menukar antaranya. Imej raster — PNG, JPG, WebP — ialah grid piksel berwarna yang tetap. Imej vektor — SVG — ialah satu set arahan: lukis laluan ini, isikannya dengan warna ini, letakkan bulatan ini di sini. Kerana vektor memerihalkan bentuk dengan matematik bukannya piksel, ia kekal tajam pada mana-mana saiz, sementara raster mengabur saat anda menolaknya melebihi resolusi asalnya.
"Raster ke vektor" bermaksud pengesanan: enjin membaca piksel dan mengira bentuk yang bersembunyi di dalamnya, kemudian menulis bentuk itu keluar sebagai laluan vektor. Dibuat dalam situasi yang betul ia benar-benar berguna. Dibuat dalam yang salah ia membuat kekusutan. Panduan ini merangkumi kedua-duanya.
Apa yang pengesanan bagus untuknya
Pengesanan mahukan input yang rata dan bertepi bersih: logo, ikon, ilustrasi mudah, seni garisan, tulisan tangan. Ini ada palet terhad dan sempadan jelas, jadi pengesan boleh mencari setiap rantau warna dan melukis laluan kemas mengelilinginya. Hasilnya ialah SVG padat dengan segelintir bentuk — tajam pada mana-mana skala, kecil dari segi saiz fail, dan boleh disunting selepasnya. Kalau matlamat anda ialah logo yang berfungsi dari favicon ke papan iklan, pengesanan membawa anda ke sana.
Kenapa foto ialah padanan yang salah
Foto ialah bertentangan dengan apa yang pengesan mahu. Ia ada beribu-ribu warna yang berbeza secara halus dan tiada tepi keras — nada berterusan. Untuk memvektorkannya, enjin terpaksa menganggarkan setiap kecerunan dengan gumpalan warna rata yang bertindan dan bertindih. Tiga perkara jadi salah sekali gus: SVG menjadi gergasi, selalunya beberapa kali lebih besar daripada JPG asal; ia nampak berlumur dan berposter bukannya bergambar; dan ia menyakitkan untuk disunting kerana ia diperbuat daripada beribu-ribu bentuk tak bermakna. Untuk foto, format raster ialah jawapan yang betul — mampatkan JPG atau tukar ke WebP sebaliknya. Vektor untuk grafik, bukan foto.
Pratetapan dan kiraan warna
Bilangan warna yang pengesan dibenarkan guna ialah tuas terbesar pada hasil. Pratetapan menetapkannya untuk anda: Rata / logo mengekalkan warna rendah untuk tanda mudah, Terperinci membenarkan lebih untuk ilustrasi yang lebih kaya, Berposter mengucup imej menjadi jalur rata yang tebal, dan Hitam & putih mengurangkan segalanya kepada dua nada untuk seni garisan dan siluet. Lebih sedikit warna bermakna fail lebih bersih dan lebih kecil; lebih banyak warna menangkap kehalusan dengan kos laluan dan berat tambahan. Mencuba dua pratetapan pada imej sama dan membandingkan pratonton sebelum/selepas ialah cara paling laju untuk mencari keseimbangan yang betul.
Semua setempat, tiada apa-apa dimuat naik
Keseluruhan penukaran berjalan dalam pelayar anda dengan enjin imagetracer. Imej dibaca daripada kanvas di mesin anda sendiri, dikesan di sana, dan diserahkan kembali sebagai SVG — tiada apa-apa dimuat naik, tiada akaun, dan sebaik halaman dimuatkan ia berfungsi dengan rangkaian dimatikan. Itu berbaloi dimiliki untuk logo atau grafik dalaman yang anda lebih rela tak hantar ke pelayan orang lain.
Satu penjelasan, kerana perkataan "tukar" mengundangnya: ini pengesanan sebenar, bukan lukisan semula AI. Ia mengikut piksel yang anda beri dan tak mencipta versi yang lebih bersih bagi karya anda. Sumber yang tajam, rata, dan berwarna sedikit memberi hasil yang tajam; yang kabur atau berbunyi memberi laluan yang kabur dan berbunyi.
Selepas pengesanan
Kerana keluaran ialah SVG piawai bagi laluan dan isian bernama, anda boleh terus mengerjakannya dalam mana-mana penyunting vektor — Illustrator, Inkscape, Figma. Warnakan semula seluruh rantau dengan menyunting satu isian, tetapkan warna jenama yang tepat, buang bentuk sesat, atau laraskan laluan. Itulah tujuan pergi vektor: imej berhenti menjadi gambar yang tetap dan menjadi objek yang anda miliki dan boleh bentuk semula pada mana-mana saiz, bebas-kabur.