AnyToSVG
Gratis · Tanpa daftar · Tidak ada yang diunggah

Ubah gambar apa pun jadi SVG yang rapi — langsung di browser

Taruh file PNG atau JPG dan dapatkan vektor yang bisa diperbesar dalam sekitar satu detik. Pilih warna atau hitam putih, geser dua slider, lalu download. Gambar Anda tidak pernah keluar dari komputer.

< 1 d
waktu penelusuran umumnya
2–32
warna, dideteksi otomatis
0
byte dikirim ke server

Taruh gambar Anda di sini

PNG · JPG · GIF · WebP · BMP · SVG — maksimal 20 MB

Pilih gambar

atau tempel dengan Ctrl+V

Coba contoh: Logo Sketsa garis Clipart
Berjalan di browser Anda
Potrace dikompilasi ke WebAssembly — tanpa upload
Gratis, tanpa akun
Tanpa kredit, tanpa watermark, tanpa batas
Bitmap apa pun bisa masuk
PNG · JPG · GIF · WebP · BMP · SVG · TIFF · PSD
SVG yang bersih
Satu path per isian, gradasi asli, koordinat piksel asli

Kenapa divektorisasi

Piksel jadi buram. Vektor tidak.

Bitmap adalah kisi piksel yang ukurannya tetap: diperbesar, setiap tepinya menjadi kabur. SVG menggambarkan bentuknya sendiri — kurva, sudut, isian — sehingga tampil tajam di ukuran berapa pun, dari favicon sampai baliho, dan biasanya dengan ukuran file jauh lebih kecil.

  • Cetak, potong, dan bordir di ukuran berapa pun
  • Edit warna dan bentuk di Illustrator, Inkscape, atau Figma
  • Tajam di semua kerapatan layar, ringan saat dimuat
  • Laser cutter, plotter, dan mesin CNC membaca path, bukan piksel
PNG
PNG asli · 800 px, ditampilkan pada 400 %
PNG asli · 800 px, ditampilkan pada 400 %
SVG
SVG hasil penelusuran · ditampilkan pada 400 %
SVG hasil penelusuran · ditampilkan pada 400 %

Yang Anda dapat

Konverter yang tidak merepotkan

Kebanyakan vectorizer online menuntun Anda lewat empat langkah, pemilih palet, dan meteran kredit sebelum boleh download. AnyToSVG melihat gambar Anda, memilih pengaturan yang masuk akal, dan menampilkan hasilnya sebelum Anda menyentuh apa pun.

Pengaturan terdeteksi otomatis

Gambar dianalisis begitu dimuat: warna atau hitam putih, berapa banyak warna yang sebenarnya ada, di mana ambang batas kecerahan berada. Anda selalu bisa mengubahnya.

Warna, gradasi, atau hitam & putih

Mode warna menelusuri satu lapisan per warna tanpa celah tipis, dan area berbayangan halus menjadi gradasi SVG asli, bukan pita bertingkat. Mode hitam putih mengubah sketsa, hasil scan, dan tanda tangan menjadi satu path yang tajam.

Latar transparan, sekali klik

Centang satu kotak dan warna di sekeliling desain Anda dihapus — sementara area tertutup dengan warna yang sama tetap ada. Atau sembunyikan warna apa pun dengan mengklik kotak warnanya.

Sebelum / sesudah secara langsung

Geser pembatas melintasi gambar, zoom hingga 4000 %, ganti latar antara kotak-kotak, putih, dan gelap. Setiap slider menelusuri ulang seketika.

Hasil bersih dan bisa diedit

Satu <path> per warna dalam koordinat piksel asli, tidak ada yang lain. Terbuka sebagaimana mestinya di Illustrator, Inkscape, Figma, Cricut Design Space, dan browser.

SVG, PNG, atau clipboard

Download SVG, salin kodenya langsung ke HTML Anda, atau buat PNG pada 1×, 2×, atau 4× dari vektor. Tempel gambar dengan Ctrl+V.

Cara kerja

Upload, atur, download

Tiga langkah, dan langkah kedua boleh dilewati. Tanpa wizard palet, tanpa pilih model, tanpa hitungan kredit — hanya gambar dan hasilnya.

Baca panduan langkah demi langkah
  1. Konverter yang masih kosong: area drop besar dengan tombol Pilih gambar dan tiga gambar contoh
    01

    Taruh gambar

    Seret file PNG, JPG, GIF, WebP, atau BMP ke halaman, pilih dari komputer, atau tempel dari clipboard. File langsung dianalisis dan ditelusuri.

  2. Panel pengaturan: pilihan mode, slider jumlah warna, kotak warna yang terdeteksi, dan kotak centang Latar transparan
    02

    Atur jika perlu

    Beralih antara warna dan hitam putih, ubah jumlah warna, sembunyikan satu warna atau buat latar transparan. Pratinjau menelusuri ulang saat Anda menggeser slider.

  3. Panel hasil dengan ukuran SVG, jumlah bentuk, dan tombol Download SVG
    03

    Download

    Ambil SVG-nya, salin kodenya, atau buat PNG pada 2× atau 4×. File dinamai sesuai gambar Anda dan koordinatnya sama dengan piksel asli.

Warna transisi

Bayangan tetap bayangan — bukan tumpukan pita warna

Tracer lain menyederhanakan gambar menjadi warna solid lebih dulu, sehingga langit, sorotan, atau strip berbayangan berubah menjadi pita bertingkat dengan tepi keras. AnyToSVG mencari area berbayangan halus sebelum kuantisasi, mencocokkan masing-masing dengan model warna, dan menuliskannya sebagai gradasi SVG asli — satu bentuk, tanpa pita, dengan ukuran file jauh lebih kecil.

  1. 1
    Temukan wilayah yang halus

    Piksel yang hanya sedikit berbeda dari keempat tetangganya diisi (flood-fill) menjadi wilayah; tepi ber-anti-aliasing berfungsi sebagai dinding, jadi wilayah tidak pernah saling bocor.

  2. 2
    Cocokkan model untuk masing-masing

    Linear (arah perubahan dan titik warna di sepanjangnya) atau radial (sebuah pusat dan titik warna menurut jarak) — mana pun yang menjelaskan piksel dengan sisa kesalahan lebih kecil.

  3. 3
    Pecah yang tidak bisa diikuti gradasi lurus

    Bayangan yang melengkung mengikuti bentuk dipotong menjadi beberapa bagian, masing-masing dengan gradasinya sendiri. Model-modelnya saling cocok di sepanjang sambungan, jadi pemecahan itu tidak terlihat.

  4. 4
    Tulis sebagai SVG

    <linearGradient> atau <radialGradient> dalam koordinat piksel asli, ditambah satu path. Illustrator, Inkscape, dan Figma mengeditnya seperti gradasi lainnya.

ON Balon pada 260 %: setiap strip adalah satu bentuk dengan isian gradasi linear
Deteksi gradasi aktif 6 gradasi, 15 bentuk, 6,7 KB
OFF Tampilan yang sama ditelusuri hanya dengan warna solid: setiap strip terpecah menjadi pita dengan tepi keras dan bergerigi
Deteksi gradasi nonaktif 13 warna solid, 29 bentuk, 56 KB
Tampilan bandingkan diperbesar pada matahari: cahaya lembut aslinya di kiri pembatas, gradasi radial hasil penelusuran di kanan
Radial juga bisa. Cahaya matahari dan langit menjadi satu <radialGradient> — asli di kiri pembatas, SVG di kanan.
<defs>
  <radialGradient id="g1" gradientUnits="userSpaceOnUse"
      cx="641" cy="158" r="752">
    <stop offset="0"    stop-color="#f8f0c1"/>
    <stop offset="0.21" stop-color="#c3e9fc"/>
    <stop offset="1"    stop-color="#d7f0fe"/>
  </radialGradient>
  <linearGradient id="g4" gradientUnits="userSpaceOnUse"
      x1="369" y1="311" x2="430" y2="311">
    <stop offset="0" stop-color="#33bcf5"/>
    <stop offset="1" stop-color="#006ca5"/>
  </linearGradient>
</defs>
<path fill="url(#g1)" d="M0 400l0 400 400 0…"/>
<path fill="url(#g4)" d="M400 150c-14 7…"/>
Yang keluar — cuplikan SVG balon: definisi gradasi polos dalam koordinat piksel, satu path per isian, tidak ada yang lain.
Panel hasil untuk balon: 6,7 KB, 15 bentuk, 11 isian dengan 6 di antaranya gradasi, kanvas 800×800
Angkanya. Penelusuran warna solid membutuhkan 13 warna dan 56 KB untuk gambar ini; dengan gradasi menjadi 11 isian, 15 bentuk, dan 6,7 KB — dan cocok dengan aslinya dalam selisih rata-rata 2 tingkat per kanal.

Lihat dulu sebelum menyimpan

Bandingkan vektor dengan aslinya, piksel demi piksel

Pratinjau menumpuk SVG di atas bitmap Anda. Geser pembatas, scroll untuk zoom ke sebuah tepi, dan Anda akan tahu persis apa yang Anda download — tanpa kejutan setelahnya.

  • Pembatas sebelum/sesudah yang bisa digeser
  • Zoom dari 2 % sampai 4000 %
  • Latar kotak-kotak, putih, atau gelap
  • Jumlah bentuk dan ukuran file langsung
  • Klik kotak warna untuk menyembunyikan warna
  • Keyboard: 1 / 2 / 3 untuk ganti tampilan
Tampilan bandingkan: bitmap asli di kiri pembatas yang bisa digeser dan SVG hasil penelusuran di kanan
Tampilan bandingkan — gambar asli di kiri pembatas, SVG di kanan, di atas latar kotak-kotak agar transparansi terlihat.

Dibandingkan yang biasa ada

Keluarga mesin penelusuran yang sama, tanpa hambatan

Vectorizer online terkenal menghasilkan path yang bagus — lalu membungkusnya dengan akun, kredit, antrean upload, dan wizard empat langkah. AnyToSVG mempertahankan bagian yang bagusnya.

AnyToSVG.comVectorizer online umumnya
Tempat prosesnyaBrowser Anda (WebAssembly)Server mereka
Gambar AndaTidak pernah diunggahDiunggah dan disimpan beberapa lama
Akun / kreditTidak adaLogin, kuota gratis, lalu berbayar
Bayangan dan gradasiGradasi SVG asliPita warna solid
Langkah sebelum download1 — taruh gambar4 — model, palet, kualitas, warna
Waktu hingga hasil pertamaKurang dari satu detikUpload + antre + render
HargaGratisLangganan untuk keluaran ukuran penuh

Dari sang pembuat

Setiap kali butuh logo dalam bentuk SVG, saya berakhir di situs yang sama: upload, tunggu, pilih model, pilih palet, login, kehabisan kredit. Algoritma di baliknya berusia tiga puluh tahun dan berjalan dalam milidetik. Saya ingin algoritmanya tanpa wizard — jadi saya memasangnya di browser.

Pengembang di balik AnyToSVG
Juga pembuat IconEditor.org
Baca ceritanya

Pertanyaan

Pertanyaan yang sering diajukan

Jawaban singkat ada di sini; FAQ lengkap membahas format, pengaturan kualitas, foto, dan privasi.

Apakah AnyToSVG gratis?

Ya — gratis untuk keperluan pribadi maupun komersial, tanpa akun, kredit, watermark, atau batas download.

Apakah gambar saya diunggah ke server?

Tidak. Penelusuran berjalan di browser Anda dengan WebAssembly; file PNG, JPG, GIF, WebP, BMP, dan SVG tidak pernah keluar dari komputer Anda. Hanya format yang tidak bisa dibuka browser (TIFF, PSD, HEIC, PDF) yang dikonversi ke PNG di server kami, di memori, dan langsung dibuang.

Gambar apa yang bagus dikonversi?

Logo, ikon, clipart, sketsa garis, tanda tangan, dan apa pun dengan warna solid hampir sempurna dikonversi. Foto diposterisasi menjadi beberapa warna — tampilan bergaya, bukan sefotorealistis aslinya.

Bisakah latar belakangnya dibuat transparan?

Bisa. Centang Latar transparan dan warna di sekeliling desain dihapus sementara area tertutup dengan warna yang sama tetap ada. Warna lain bisa disembunyikan dengan mengklik kotak warnanya.

Logo Anda pantas jadi vektor

Taruh gambar, cek pratinjau, download SVG-nya. Gratis, di browser Anda, tanpa instal dan tanpa upload.