PNG ke SVG - kapan vektorisasi gambar raster

Ditinjau terakhir 2026-05-04. "Vektorisasi" gambar raster (PNG, JPG, screenshot) berarti menggambar ulang bentuk yang terlihat sebagai jalur vektor yang independen dari resolusi alih-alih grid pixel tetap. Alat gratis PNG to SVG menjalankan konversi ini di sisi server dan mengembalikan file SVG. Catatan penting: PNG dan JPG tidak membawa informasi jalur menurut definisi - mereka adalah grid pixel berwarna - jadi alat apa pun hanya dapat mendekati pembacaan vektor dengan menelusuri tepi antara wilayah warna yang serupa. Apakah pendekatan itu berguna sepenuhnya tergantung pada apa yang ada di input. Logo, ikon, line art, siluet kontras tinggi, dan screenshot elemen UI dikonversi dengan indah. Foto, gradien lembut, tekstur halus, dan apa pun dengan transisi warna mulus biasanya tidak.

Apa arti raster vs vektor (dan mengapa konversi ini perkiraan)

Gambar raster (PNG, JPG, BMP, screenshot, foto) adalah grid pixel berwarna yang tetap - file tahu warna pixel (0,0), (0,1), dan seterusnya, dan tidak ada yang lain. Gambar vektor (SVG) adalah daftar instruksi geometris - "gambar lingkaran dengan radius 12 di (50,50) diisi merah", "gambar jalur sepanjang 14 titik ini di-stroke hitam" - yang dirender oleh renderer menjadi pixel pada ukuran apa pun yang diminta halaman. Karena raster tidak membawa data bentuk, tidak ada alat yang dapat memulihkan instruksi geometris asli dari PNG; pixel tidak ingat mana yang dulu termasuk "huruf A" atau "lengkungan logo". Karena itu vektorizer membaca grid pixel, menemukan urutan warna serupa, mengikuti batas di antara mereka, dan memancarkan satu SVG <path> per wilayah. SVG output tampak seperti input hanya ketika batas warna itu cocok dengan bentuk sebenarnya yang dibaca mata manusia; ketika tidak cocok, output adalah mosaik bising poligon yang berskala tak terbatas tetapi tidak terlihat seperti fotonya.

Kapan PNG-ke-SVG benar-benar bekerja

Vektorisasi menghasilkan SVG yang dapat digunakan ketika input memiliki sejumlah kecil wilayah warna solid dengan batas tajam di antara mereka. Empat kasus umum:

• Logo dan merek. Logo biasanya memiliki 1-4 warna solid dengan tepi tajam - tepatnya yang dibutuhkan auto-tracing. SVG output berskala hingga ukuran billboard tanpa kehilangan ketajaman tepi, dapat diberi warna ulang dengan mengedit atribut fill, dan dikirim dalam beberapa kilobyte. Ini adalah kasus penggunaan kanonik.
• Ikon dan piktogram. Siluet satu warna (ikon folder, menu hamburger, chevron, glyph media sosial) ditelusuri dengan bersih karena ada tepat satu batas latar-depan / latar-belakang. Hasilnya dapat diedit sebagai jalur dan diberi warna ulang dengan satu aturan CSS.
• Line art dan gambar tinta. Gambar hitam-di-putih, line art komik, sketsa tangan yang dipindai dengan kontras tinggi: setiap goresan menjadi satu jalur tertutup, dan SVG dapat di-stroke ulang dengan warna atau ketebalan apa pun setelahnya.
• Screenshot UI dari bentuk yang tajam. Screenshot tombol, kotak dialog, grafik sederhana, atau teks di atas latar belakang datar memiliki tepi pixel anti-aliasing yang divektorkan menjadi perkiraan yang sangat dekat dengan geometri asli. Hasilnya sempurna untuk menyematkan di dokumentasi responsif.

Kapan PNG-ke-SVG TIDAK bekerja

Algoritma yang sama yang berhasil baik pada logo menghasilkan mosaik yang tidak dapat digunakan pada foto. Tiga kontra-kasus:

• Foto. Foto wajah, pemandangan, atau produk memiliki ribuan warna yang sedikit berbeda yang berbaur satu sama lain. Vektorizer baik memperlakukan setiap pixel sebagai poligonnya sendiri (file output membengkak hingga puluhan megabyte dan menggulir lambat di browser) atau mengkuantisasi warna menjadi beberapa lusin wilayah (output terlihat seperti versi terposterisasi dari foto, bukan aslinya). Untuk foto, simpan raster dan optimalkan sebagai JPG atau WebP.
• Gradien lembut dan tekstur halus. Tombol dengan gradien atas-ke-bawah yang halus, lukisan cat air dengan tepi yang luntur, atau gambar apa pun dengan butiran film tidak memiliki batas warna yang tajam untuk ditelusuri. Vektorizer menemukan batas sewenang-wenang pada ambang kuantisasi, dan SVG terlihat "bergaris" atau "berblok" di mana aslinya halus.
• Teks anti-aliasing yang dirender sebagai pixel (kontras rendah / kecil). Teks yang dirender pada ukuran kecil atau dengan anti-aliasing yang berat menjadi sup pixel abu-abu di sekitar setiap glyph. Auto-tracing menghasilkan huruf yang tidak terbaca. Jika Anda butuh teks sebagai jalur, atur dokumen dengan font sebenarnya di alat vektor alih-alih memvektorisasi screenshot yang dirender.

Vektorisasi di freetoolonline

Buka PNG to SVG, unggah PNG atau JPG, dan unduh hasil SVG. File diproses di layanan AWS freetoolonline: diunggah melalui pipeline upload standar, konversi berjalan di sisi server, dan file output dirotasi keluar dari penyimpanan layanan setelah jendela retensi sehingga Anda harus mengunduh dan menyimpan secara lokal jika Anda perlu menyimpannya. SVG output terbuka di browser modern mana pun (elemen SVG telah menjadi warga negara kelas satu dari HTML sejak awal 2010-an), dan dapat diimpor ke Inkscape, Adobe Illustrator, Figma, Affinity Designer, atau editor vektor lainnya untuk penyempurnaan lebih lanjut. Jika hasilnya terlihat berblok atau bising, itu adalah sinyal bahwa input bukan kandidat vektorisasi yang baik (lihat bagian di atas) - simpan raster asli dan optimalkan sebagai PNG / WebP, atau jika asetnya adalah logo / ikon / ilustrasi, minta desainer sumber vektor aslinya.

Apakah https://freetoolonline.com/image-converter-tools/png-to-svg.html mengunggah file atau berjalan secara lokal di browser Anda?

Jembatan https://freetoolonline.com/image-converter-tools/png-to-svg.html mengunggah PNG ke server freetoolonline. Halaman ini bukan alat offline penuh, hanya-klien, atau hanya-browser, dan tidak berjalan secara lokal. Klaim upload ini langsung: server freetoolonline menangani auto-trace, dan hasil SVG diputar keluar dari penyimpanan setelah jendela retensi standar.

Apa yang BUKAN PNG-ke-SVG

Tiga operasi sering disalahartikan sebagai vektorisasi; masing-masing adalah tindakan berbeda dengan hasil berbeda.

• "Simpan sebagai SVG" dari PNG di dalam editor. Sebagian besar editor akan dengan senang hati menyimpan PNG sebagai file SVG - tetapi yang sebenarnya mereka lakukan adalah membungkus byte PNG di dalam elemen <image> SVG. Hasilnya memiliki ekstensi .svg dan pixel yang sama dengan input; TIDAK berskala lebih baik dan TIDAK dapat diedit sebagai jalur. Vektorisasi (apa yang dilakukan https://freetoolonline.com/image-converter-tools/png-to-svg.html) menggambar ulang konten sebagai elemen <path> sebenarnya, yang merupakan operasi berbeda.
• SVG ke PNG (rasterisasi). Arah sebaliknya - mengambil vektor dan merendernya ke raster ukuran tetap - adalah tugas terpisah dengan kompromi berbeda (pilihan resolusi, anti-aliasing, font tertanam). Lihat SVG ke PNG - kapan rasterisasi SVG untuk sisi rasterisasi, dan alat SVG to PNG untuk operasinya.
• Mengompresi PNG ke PNG yang lebih kecil. Jika tujuannya adalah "file terlalu besar" dan kontennya fotografis atau kaya tekstur, langkah yang tepat adalah kompresi raster, bukan vektorisasi. Lihat Kompres JPEG tanpa kehilangan kualitas - kualitas vs ukuran untuk kompromi kompresi foto, JPG vs PNG untuk web untuk pilihan format raster, dan alat Compress Image untuk operasinya.

Panduan konversi gambar terkait: SVG ke PNG - kapan rasterisasi SVG (arah sebaliknya), PNG vs SVG - kapan menggunakan yang mana (keputusan pilihan format sebelum Anda mengonversi), dan JPG vs PNG untuk web (pilihan format raster ketika vektorisasi bukan jawabannya).