AnyToSVG

Alur kerja · Baca 7 menit

Cara mengubah logo PNG atau JPG ke SVG (dan mendapat hasil yang bersih)

Tracer hanya sebagus apa yang Anda berikan. Sepuluh menit memperhatikan file sumber dan dua pengaturan membedakan vektor yang bisa dicetak di spanduk dari vektor yang harus digambar ulang.

01 · Sumber

Mulai dari bitmap terbaik yang bisa Anda temukan

Kebanyakan vektor yang jelek berawal dari bitmap yang jelek.

Sebelum membuka konverter, luangkan semenit untuk mencari versi logo yang paling besar dan paling bersih. Urutan prioritasnya:

  1. Vektor yang sudah ada. Minta file .ai, .eps, .pdf, atau .svg tempat logo itu didesain. Jika ada, penelusuran tidak diperlukan.
  2. PNG dengan latar transparan pada 500–2000 piksel. PNG bersifat lossless, jadi tepinya persis seperti yang digambar desainer.
  3. JPG berukuran besar. Cukup untuk desain warna solid di atas 800 px; noise kompresinya kecil dibanding bentuknya. Di bawah itu, blok dan ringing JPEG mulai terlihat pada hasil penelusuran.
  4. Screenshot atau gambar web yang kecil. Tetap bisa — gambar kecil diperbesar sebelum ditelusuri — tetapi kurvanya akan lebih bulat dan teks kecil bisa menyatu.

Apa pun yang Anda punya, jangan ubah ukurannya di editor gambar terlebih dahulu. AnyToSVG menelusuri hingga 2048 px dan memperbesar gambar kecil sendiri dengan filter yang dipilih untuk penelusuran; resampling tambahan di tengah hanya menambah blur.

Mau versi singkatnya? Halaman logo ke SVG berisi konverter dan lima pengaturan yang penting dalam satu layar.
Screenshot dari situs web? Klik kanan logonya dan pilih Buka gambar di tab baru dulu — file di balik halaman sering kali beberapa kali lebih besar daripada yang ditampilkan.

02 · Taruh di konverter

Biarkan deteksi otomatis mengerjakan putaran pertama

Seret file ke konverter (atau tempel dengan Ctrl+V). Dalam satu detik Anda akan melihat SVG di samping gambar asli, dan panel pengaturan menampilkan apa yang terdeteksi:

  • Mode Warna dengan jumlah warna sebanyak warna berbeda yang ditemukan — untuk kebanyakan logo 2 sampai 8 — atau
  • Mode Hitam putih jika gambarnya sketsa garis gelap di atas terang, dengan ambang batas dan warna tinta yang dipilih dari gambar.

Lihat baris kotak warna. Jika isinya warna yang Anda harapkan dan tidak ada yang lain, bagian tersulit sudah selesai. Jika ada kotak warna tambahan yang hampir identik dengan yang lain, turunkan jumlah warna satu tingkat; jika ada warna yang terlihat tetapi hilang, naikkan.

Panel pengaturan setelah deteksi otomatis: mode warna, enam warna, kotak warna yang terdeteksi, dan kotak centang Latar transparan
Panel pengaturan setelah menaruh logo enam warna. Titik di bawah kotak warna menandai warna latar.

03 · Latar

Buat latar jadi transparan

Satu kotak centang, dan ia tahu beda antara "di luar" dan "di dalam".

Logo di atas latar putih (atau latar solid apa pun) hampir selalu sebaiknya diserahkan tanpa latar itu. Centang Latar transparan: warna yang menyentuh tepi gambar — ditandai titik di baris kotak warna — dihapus dari SVG.

Hanya bagian luar yang hilang. Jika logo itu sendiri memuat warna yang sama — huruf putih di atas latar putih, sorotan putih di dalam sebuah bentuk — area tertutup itu tetap ada, karena tidak terhubung ke tepi. Ganti latar pratinjau ke gelap (tombol persegi di atas pratinjau) untuk memastikan tidak ada yang penting yang hilang.

Untuk membuang warna lain, klik kotak warnanya: kotak itu menjadi abu-abu dengan garis coret dan bentuknya lenyap. Klik lagi untuk memunculkannya kembali. Ini cara cepat menghapus bayangan jatuh, artefak scan yang nyasar, atau warna yang hanya ada karena anti-aliasing.

Di mode hitam putih latar otomatis transparan — hanya bentuk gelap (atau, dengan Balik, bentuk terang) yang ditelusuri.

04 · Tepi

Memperbaiki tepi bergerigi, bergelombang, atau putus

Zoom ke pratinjau (scroll di atasnya, atau tekan +) dan periksa satu kurva dan satu sudut. Lalu:

  • Kurva bergoyang — sumbernya kecil atau terkompresi. Naikkan Penghalusan atau pilih preset Halus. Jika JPG, centang juga Haluskan noise dulu di bagian Lanjutan.
  • Sudut yang membulat padahal seharusnya tajam — turunkan Penghalusan atau pilih Tajam. Potrace memutuskan per sudut; nilai di bawah 0,5 mempertahankan hampir semuanya.
  • Debu dan pulau-pulau kecil — naikkan Hapus bintik. Apa pun yang lebih kecil dari sekian piksel sumber diabaikan. 2 px membersihkan sisa anti-aliasing; hasil scan mungkin butuh 10 atau lebih.
  • Garis tipis yang terputus — kemungkinan lebih tipis dari ukuran bintik, atau sebuah warna tergabung ke tetangganya. Turunkan Hapus bintik, atau naikkan jumlah warna satu tingkat.

05 · Warna

Menentukan jumlah warna yang tepat

Setiap warna menjadi satu path, jadi jumlahnya juga pengungkit terbesar bagi ukuran file dan kebersihan hasil. Patokannya:

  • Logo warna solid: persis sebanyak warna yang ada di desain. Deteksi otomatis biasanya tepat.
  • Logo dengan gradasi: biarkan Deteksi gradasi tercentang. Area berbayangan halus dicocokkan dengan gradasi linear atau radial dan ditulis sebagai satu bentuk dengan isian <linearGradient> / <radialGradient> asli — baris kotak warna menampilkannya sebagai kotak gradasi. Jumlah warna lalu hanya berlaku untuk bagian yang solid. Jika gradasi tidak terdeteksi (noise JPEG berat, atau bayangan yang melengkung mengikuti bentuk), centang Haluskan noise dulu; jika masih gagal, naikkan jumlah warna dan bayangan menjadi pita yang bisa Anda bangun ulang di editor vektor.
  • Foto atau lukisan: 12–32 untuk tampilan poster. Lihat yang bisa dan tidak bisa dilakukan penelusuran.

Biarkan Lapisan warna pada Bertumpuk kecuali Anda berniat memotong bentuk secara fisik atau memisahkannya di editor; itulah yang mencegah celah tipis di antara warna yang bersebelahan.

Strip balon ditelusuri dengan deteksi gradasi aktif: bayangan halus, satu bentuk per strip
Deteksi gradasi aktif — 6 gradasi, 15 bentuk, 6,7 KB.
Strip yang sama ditelusuri dengan 13 warna solid: pita dengan tepi keras
Nonaktif — 13 warna, 29 bentuk, 56 KB, dan berpita.

06 · Periksa dan serahkan

Sebelum dikirim ke mana pun

Tiga puluh detik memeriksa bisa menghemat satu kali cetak ulang.

  1. Geser pembatas melintasi seluruh gambar di tampilan Bandingkan. Apa pun yang berubah bentuk saat garis melewatinya layak diperiksa lebih dekat.
  2. Zoom hingga 400 % pada teks terkecil atau garis tertipis. Jika terbaca di sini, akan terbaca juga di spanduk.
  3. Baca angkanya di panel Hasil. Logo yang bersih terdiri dari beberapa bentuk dan beberapa kilobyte; ratusan bentuk biasanya berarti noise, JPG, atau terlalu banyak warna.
  4. Download SVG, lalu buka sekali di browser atau editor vektor. Filenya polos: satu <path> per warna dengan fill, dalam koordinat piksel asli, tanpa grup atau transform — mudah diwarnai ulang secara manual.
  5. Jika ada yang tetap butuh bitmap, gunakan tombol PNG 2× atau 4×: tombol itu merender dari vektor, jadi hasilnya lebih tajam daripada file awal Anda.

Dan jika hasilnya belum cukup baik — sumber yang sangat buram, foto kartu nama, logo dengan bayangan lembut — itu sinyal bagi Anda untuk menggambar ulang. Penelusuran menghasilkan salinan yang setia dari apa yang ada; ia tidak bisa menciptakan apa yang tidak pernah ada di piksel.

Langsung coba sambil membaca

Konverter ini gratis, tanpa akun, dan menampilkan SVG di samping gambar asli Anda dalam sekitar satu detik.

Buka konverter