Apa artinya memvektorisasi gambar

Gambar raster, seperti PNG, JPG, atau WebP, adalah kisi-kisi piksel yang masing-masing punya satu warna. Kalau diperbesar, pikselnya ikut membesar, jadi tepinya buram atau pecah. Gambar vektor justru menggambarkan gambar sebagai path dan isian: garis luar yang tersusun dari garis lurus dan kurva, plus warna di dalam masing-masing garis luar itu. Renderer menggambar garis luar tersebut di ukuran berapa pun yang kamu minta, jadi tepinya tetap tajam.

Vektorisasi adalah langkah dari jenis gambar pertama ke jenis kedua. "Raster ke vektor", "gambar ke vektor", dan "PNG ke vektor" semuanya menyebut pekerjaan yang sama: tracing, yaitu menemukan area-area warna di piksel lalu membuat garis luar masing-masing area sebagai path.

SVG yang hanya membungkus PNG asli di dalam elemen <image> belum divektorisasi. File itu terbuka seperti SVG, tapi tetap buram saat diperbesar, karena gambar di dalamnya masih berupa piksel. Cara membedakan vektor asli dari PNG yang dibungkus.

Cara png2svg.art memvektorisasi gambar

  1. Memilih sekumpulan kecil warna datar, hingga jumlah yang kamu atur, dari bagian dalam bentuk yang solid, bukan dari tepinya yang lembut.
  2. Memasukkan setiap piksel ke salah satu warna itu. Di PNG atau WebP, piksel yang opasitasnya kurang dari setengah tidak masuk warna mana pun dan tetap transparan.
  3. Melakukan tracing semua warna sekaligus, jadi di tempat dua warna bertemu, keduanya berbagi satu batas yang tersusun dari segmen lurus dan kurva Bézier.
  4. Mengelompokkan hasilnya per objek (latar dulu, lalu setiap objek terpisah) dan menulis setiap bentuk sebagai <path> tersendiri yang diisi warnanya, bersarang sesuai apa yang melingkupi apa (mata di dalam wajah). Lubang, seperti bagian dalam huruf "O", tetap terbuka.
  5. Mengecek bahwa setiap hasil hanya berisi path vektor, tanpa bitmap yang disisipkan dan tanpa skrip, sebelum kamu menerimanya.

Tracing bukan AI. Proses ini tidak mengarang detail atau menggambar ulang gambarmu dengan gaya baru; ia hanya membuat garis luar dari warna yang memang sudah ada.

Kapan berhasil, dan kapan tidak

Gambar yang bagus divektorisasi:

  • logo, ikon, dan line art;
  • stiker, clip art, dan ilustrasi flat;
  • gambar AI bergaya flat dengan sedikit warna solid (gambar AI ke SVG).

Gambar yang tidak cocok:

  • Foto, gradasi, dan bayangan lembut. Hasilnya jadi pita-pita warna datar, seperti poster, karena setiap tracing maksimal 24 warna. Kenapa foto jadi seperti poster.
  • Teks kecil. Huruf yang tingginya kurang dari sekitar 10 px tidak bisa di-tracing dengan bersih. Ketik ulang dengan font di editor vektor dan letakkan di atas hasil tracing.
  • Gambar kecil atau buram. Tracing tidak menambah resolusi, jadi garis luarnya lebih bulat dan lembut daripada desain yang kamu bayangkan.

Vektorisasi gambar dalam empat langkah

  1. Unggah PNG, JPG, WebP, atau HEIC hingga 25 MB, di kotak di halaman ini atau di konverter.
  2. Pilih preset dan geser slider Warna, hingga ke jumlah warna yang terlihat.
  3. Cek pratinjau ber-watermark yang gratis, tanpa perlu daftar, dan lakukan tracing ulang kalau bentuknya meleset.
  4. Buka SVG bersih seharga 1 kredit (3 kredit gratis dengan akun) lalu unduh.

Setiap pengaturan dijelaskan, lengkap dengan cara melakukan hal yang sama di Inkscape dan Illustrator, di cara ubah PNG ke SVG, langkah demi langkah.

Pertanyaan

Apakah gambar ke vektor sama dengan PNG ke SVG?

Hampir sama. SVG adalah format vektor yang dipakai di web dan oleh software mesin potong, dan itu satu-satunya format yang dihasilkan tracer png2svg.art, jadi memvektorisasi gambar di sini selalu memberimu SVG.

Bisakah saya memvektorisasi foto?

Bisa, tapi hasilnya jadi area warna datar, hingga 24 warna, bukan vektor yang mirip foto. Hasil seperti itu bisa jadi memang yang kamu mau untuk tampilan poster atau stensil.

Apa artinya raster ke vektor?

Mengubah kisi-kisi piksel jadi path: melakukan tracing area-area warna di gambar raster dan membuat garis luar masing-masing, jadi hasilnya bisa diperbesar tanpa buram.

Apakah gratis?

Pratinjau ber-watermark gratis tanpa perlu daftar (5 per hari sebagai tamu). SVG bersih seharga 1 kredit (3 kredit gratis dengan akun).

Bisakah vektornya saya edit setelah itu?

Bisa. Setiap objek adalah layer yang berisi bentuk-bentuknya sebagai path, dan kamu bisa mengganti warna, memindahkan, mengubah bentuk titik demi titik, atau menyembunyikan mana pun di editor SVG, yang memerlukan akun. Editor ini juga bisa menyatukan, mengurangi, dan mengiriskan bentuk; untuk offset garis luar, pakai editor vektor desktop seperti Inkscape.