Ubah PNG ke SVG

Ubah PNG menjadi SVG vektor yang bisa diskalakan, langsung di browser. Cocok untuk logo dan ikon datar dengan sedikit warna, bukan untuk foto.

Letakkan file di sini

.png · hingga 20 MB

Pilih file

Jumlah warna8

Pengaturan lainnya

PenghalusanAbaikan bentuk yang lebih kecil dari8Tebal garis luar0Pertahankan transparansiSkala hasil

Cara Ubah ke SVG

1
Letakkan PNG
Hingga 20 file, maksimal 20 MB dan 4 megapiksel per gambar. File JPEG, WebP, dan BMP yang bernama .png tetap dikonversi tanpa pemberitahuan.
2
Pilih jumlah warna
Makin sedikit warna, makin bersih dan ringan hasilnya. Dua warna pas untuk logo hitam di atas putih; delapan cocok untuk kebanyakan ikon datar.
3
Unduh SVG
Kartu hasil menampilkan berapa warna dan kontur yang dihasilkan, jadi Anda langsung tahu apakah pengaturannya sudah tepat.

Apa yang sebenarnya terjadi saat vektorisasi

Vektorisasi bukan konversi, melainkan perkiraan. Gambar lebih dulu dikuantisasi ke palet terbatas, lalu batas setiap area satu warna ditelusuri dan diubah menjadi rangkaian segmen lurus dan kurva Bezier. Cara ini bekerja baik bila sumbernya memang terdiri dari area datar: logo, stensil, ikon aplikasi, tangkapan layar grafik. Hasilnya buruk untuk gambar dengan gradasi nada yang menerus. Foto tidak punya area datar untuk ditemukan, jadi algoritmenya menciptakan ribuan area kecil, sudut menjadi membulat, gradasi lembut pecah menjadi pita warna yang terlihat, dan SVG akhirnya lebih besar sekaligus lebih kabur daripada PNG. Alat ini tetap memproses foto, dan kartu hasil akan menyebutkannya, tetapi lebih baik hal ini disampaikan di halaman ini daripada mengejutkan Anda belakangan.

Empat pengaturan dan fungsinya

“Jumlah warna” adalah pengaturan utama: ia menentukan ukuran palet tempat semua warna dikuantisasi, dan paling berpengaruh pada ukuran file serta kebersihan kontur. “Penghalusan” menentukan seberapa rapat kurva harus mengikuti batas yang ditelusuri: nilai rendah mempertahankan sudut tajam dengan konsekuensi jumlah titik simpul (node) jauh lebih banyak, nilai tinggi menghasilkan kurva halus yang bisa menelan detail kecil. “Abaikan bentuk yang lebih kecil dari” membuang setiap kontur yang lebih pendek dari jumlah piksel yang ditentukan, dan inilah cara yang tepat untuk mengatasi artefak JPEG dan derau hasil scan. “Tebal garis luar” bernilai nol secara bawaan, artinya bentuk hanya diisi warna tanpa garis yang terlihat; naikkan nilainya jika setiap area juga ingin digambar dengan garis tepi berwarna sama.

Transparansi dan hasil yang bisa diperiksa

Saat “Pertahankan transparansi” aktif, piksel dengan alfa di bawah setengah diperlakukan sebagai entri transparan tersendiri di palet dan tidak digambar, jadi logo dengan latar belakang transparan menghasilkan SVG dengan latar belakang transparan pula. Matikan opsi itu, maka persegi panjang dengan warna tidak transparan yang paling sering muncul diletakkan lebih dulu, dengan bentuk hasil vektorisasi di atasnya. Ini membantu bila tujuan akhirnya sama sekali tidak mendukung transparansi. Apa pun pilihannya, hasilnya berupa XML biasa yang mudah dibaca: Anda bisa membukanya di editor apa pun, melihat setiap path, dan mengganti warna isian secara manual.

File tetap di perangkat Anda

Decode dan vektorisasi keduanya berjalan di dalam tab browser. Dekoder PNG memakai WebAssembly, algoritme vektorisasinya memakai JavaScript, dan tidak satu pun dari keduanya terhubung ke jaringan. Tidak ada yang diunggah, tidak ada antrean di server, dan menutup tab menghapus semuanya dari memori.

Pertanyaan yang sering diajukan

Mengapa SVG tidak terlihat persis sama dengan PNG saya?

Karena vektorisasi menyusun ulang gambar dari kurva, bukan menyalin piksel. Warna diringkas ke palet terbatas, dan setiap batas diperkirakan dengan kurva yang berjalan di dekat tepi asli, tidak persis di atasnya. Pada gambar grafis datar, perbedaannya tidak terlihat pada ukuran normal; pada gambar yang detail atau berupa foto, perbedaannya jelas.

Berapa jumlah warna yang sebaiknya dipilih untuk logo?

Hitung warna datar di logo dan pakai angka itu. Logo satu warna di atas latar putih paling bagus divektorisasi dengan 2 warna, logo merek dua warna yang umum dengan 3 atau 4. Menaikkan jumlahnya tidak membuat gambar datar lebih setia pada aslinya; piksel tepi hasil anti-aliasing hanya terpecah menjadi bentuk perantara tambahan dan file jadi membengkak.

Mengapa hasilnya begitu besar untuk foto?

Foto tidak punya area datar, jadi algoritmenya membuat kontur untuk setiap bercak kecil berwarna mirip, sering kali sampai puluhan ribu kontur. Jika jumlah kontur itu melebihi 50.000 titik simpul, hasilnya ditolak dan tidak diberikan, karena file itu akan lebih lambat dibuka daripada aslinya dan tampak lebih buruk. Turunkan jumlah warna ke 4 dan naikkan nilai “Abaikan bentuk yang lebih kecil dari” jika tetap ingin mencoba.

Apa fungsi “Abaikan bentuk yang lebih kecil dari”?

Opsi ini membuang setiap kontur hasil vektorisasi yang lebih pendek dari jumlah piksel tersebut. Tanpa opsi ini, bintik kecil dari kompresi JPEG, butiran hasil scan, atau latar yang sedikit berderau akan menjadi kontur, dan setiap kontur menambah ukuran file tanpa menambah apa pun yang terlihat. Nilai bawaan 8 membuang sebagian besar derau, tetapi tetap mempertahankan detail kecil yang disengaja, seperti titik pada huruf i.

Bisakah saya menambahkan garis tepi di sekeliling bentuk?

Bisa. Naikkan “Tebal garis luar” di atas nol, maka setiap area hasil vektorisasi digambar dengan garis berwarna sama dengan isiannya. Pada nilai 0, bentuk hanya diisi warna, dan biasanya itulah yang diinginkan untuk logo, karena garis tepi berwarna sama hanya membuat setiap bentuk sedikit lebih gemuk.

Apakah transparansi dipertahankan?

Ya, bila “Pertahankan transparansi” aktif. Piksel dengan alfa di bawah setengah mendapat entri palet sendiri dan sama sekali tidak digambar, jadi latar belakang tetap transparan, tidak berubah menjadi kotak putih. Matikan sakelar itu untuk mendapat persegi panjang latar yang solid dengan warna yang paling sering muncul di gambar.

Berapa file yang bisa diubah sekaligus?

Hingga 20 file, maksimal 20 MB dan 4 megapiksel per file. Batas megapiksel ini sengaja lebih rendah daripada di alat PNG kami yang lain: waktu vektorisasi tumbuh lebih cepat daripada jumlah piksel, dan gambar yang lebih besar akan membuat tab macet, bukan selesai diproses.