UltKit

Konversi WebP ke SVG

WebP tersusun dari piksel dan SVG tersusun dari bentuk, jadi tidak ada peralihan lossless di antara keduanya. Halaman ini melacak WebP Anda menjadi path vektor sungguhan yang bisa diperbesar, diwarnai ulang, dan dipotong, dan hasilnya paling baik pada logo, ikon, dan ilustrasi datar.

Gambar ke SVG

atau jatuhkan file JPG, JPEG, JFIF … di sini ·

Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit

Keluaran
12

File diproses di server kami dan dihapus setelah 30 menit.

Cara menggunakan alat ini

  1. 1

    Unggah WebP

    Tambahkan logo, ikon, atau stiker yang disimpan dari situs web, hingga 20 file masing-masing 95 MB. Gambar sumber yang lebih besar dan bersih menghasilkan lacakan yang lebih baik.

  2. 2

    Atur jumlah warna

    Jumlah warna dimulai dari 12, cukup untuk sebagian besar logo. Turunkan untuk logo dua warna, atau atur Mode warna ke Hitam putih untuk file potong satu warna.

  3. 3

    Vektorkan ke SVG

    Tekan Vektorkan ke SVG lalu unduh filenya. Buka di Inkscape, Illustrator, Figma, atau Cricut Design Space untuk memeriksa bentuknya.

Jawaban

Apakah WebP benar-benar bisa diubah menjadi SVG?

Hanya dengan pelacakan. WebP menyimpan piksel, SVG menyimpan bentuk. Alat ini menggambar ulang warna WebP Anda sebagai path vektor; cara apa pun yang sekadar mengganti nama file atau menanamkan bitmap memberi Anda SVG yang tetap buram saat diperbesar.

Ubah WebP ke SVG: pelacakan vs penanaman

WebP, yang dirilis Google pada 2010, adalah format raster: kisi piksel berwarna yang dikompres agar cepat dikirim lewat web. SVG, standar W3C sejak 2001, mendeskripsikan garis, kurva, dan isian sebagai teks. Mengubah yang pertama menjadi yang kedua bisa dilakukan dengan dua cara yang sangat berbeda, dan sebagian besar konverter gratis memilih cara yang tidak membantu Anda.

Penanaman menulis SVG yang berisi WebP sebagai teks base64. Base64 membuat gambar membengkak sekitar sepertiga, dan hasilnya tetap bitmap dengan label berbentuk vektor. Pelacakan, metode yang dipakai di sini dan di fitur Trace Bitmap Inkscape yang dibangun di atas algoritma Potrace, membaca area warna lalu menuliskannya sebagai path. Hasilnya benar-benar bisa diperbesar dan diedit, dengan konsekuensi kehilangan detail halus. Panduan gambar ke SVG kami menjelaskan setiap pengaturan pelacakan.

SVG hasil lacakan vs WebP tertanam: kemampuan tiap file

SVG hasil lacakanSVG pembungkus WebPWebP asli
Tajam di zoom berapa punyesnono
Bentuk bisa diedit di Illustrator atau Inkscapeyesnono
Bisa dipakai sebagai path potong Cricut atau laseryesnono
Mempertahankan detail fotografisnoyesyes
Ukuran file umumBertambah seiring detailSekitar ⅓ lebih besar dari WebPPaling kecil
  1. Dekode WebP

    Piksel dan kanal alfa dibaca; area transparan disisihkan.

  2. Kelompokkan warna

    Piksel yang mirip digabung sesuai Jumlah warna yang Anda pilih.

  3. Gambar path

    Setiap wilayah warna menjadi kurva yang dihaluskan, lalu ditulis ke SVG yang dioptimalkan.

WEBP

Gambar WebP

WebP adalah format gambar yang dirilis oleh Google pada 2010 agar halaman web dimuat lebih cepat. Format ini mendukung kompresi lossy (dengan kehilangan kualitas) maupun lossless (tanpa kehilangan kualitas), transparansi alfa, dan animasi dalam satu format. File WebP lossy biasanya 25–35% lebih kecil daripada JPEG dengan kualitas visual serupa, dan WebP lossless biasanya lebih kecil daripada PNG. Semua browser saat ini mendukungnya, tetapi sebagian perangkat lunak desktop lama, layanan cetak, dan formulir unggahan masih menolaknya. Windows, macOS, dan sebagian besar editor gambar modern dapat membuka file WebP.

Kompresi
Lossy atau lossless
Transparansi
Ya
Animasi
Ya
Diperkenalkan
2010 · Google
Konverter WEBP

SVG

Scalable Vector Graphics

SVG adalah format vektor berbasis XML yang distandardisasi oleh W3C pada 2001. Alih-alih piksel, format ini menggambarkan bentuk, path, dan teks, sehingga tetap tajam di ukuran berapa pun dan biasanya sangat kecil untuk logo dan ikon. SVG mendukung transparansi, gaya CSS, skrip, dan animasi, dan setiap browser merendernya secara native. SVG tidak cocok untuk foto, dan ilustrasi yang kompleks bisa menjadi lambat dirender. Illustrator, Inkscape, Figma, dan browser dapat membuka serta mengeditnya.

Kompresi
–
Transparansi
Ya
Animasi
Ya
Diperkenalkan
2001 · W3C
Konverter SVG

Orang mencari WebP ke SVG saat logo atau ikon yang disimpan dari situs web harus bisa diperbesar, diedit, atau dipotong, dan hanya pelacakan yang bisa memberikannya; arah sebaliknya hanyalah rasterisasi sederhana untuk web.

Dapatkan SVG yang bersih dari WebP yang disimpan dari situs web

Sebagian besar file WebP yang ingin dijadikan vektor diunduh dari sebuah situs, artinya sudah diperkecil untuk halaman dan dikompres secara lossy. Noise kompresi di sekitar tepi berubah menjadi bentuk-bentuk kecil yang tercecer, dan gambar kecil memberi pelacak terlalu sedikit piksel untuk menemukan kurva yang mulus. Mulailah dari salinan terbesar yang bisa Anda temukan; halaman pers atau merek situs tersebut sering menyediakan versi lebih besar atau SVG aslinya.

Biarkan Penghalusan di sekitar nilai bawaannya untuk logo yang berlekuk, dan atur Kurva ke Garis lurus untuk logo geometris bertepi lurus. Setelah dilacak, hapus bintik-bintik sisa di editor Anda. Jika gambar hanya perlu bisa dibuka di suatu tempat dan tidak perlu diperbesar, WebP ke PNG adalah jalur yang lebih cepat dan persis.

Pertanyaan seputar WebP ke SVG

Mengapa konverter WebP ke SVG lain memberi saya file yang buram?

Banyak di antaranya hanya menaruh WebP di dalam SVG sebagai gambar tertanam lalu mengganti ekstensinya. File terbuka sebagai SVG, tetapi isinya tetap piksel, sehingga buram saat diperbesar dan tidak berisi bentuk yang bisa diedit. Buka file di editor teks: string data:image yang panjang berarti tidak ada yang dilacak.

Bisakah foto WebP diubah menjadi SVG?

Bisa, tetapi hasilnya tampak seperti poster: gradasi halus dan warna kulit berubah menjadi pita-pita warna datar. Foto memang tempatnya di format raster. Simpan foto sebagai WebP, JPG, atau PNG, dan lacak hanya logo, garis luar, atau ilustrasi yang benar-benar Anda butuhkan sebagai vektor.

Apakah latar transparan WebP saya tetap transparan di SVG?

Ya. Piksel transparan tidak menghasilkan bentuk apa pun, sehingga SVG tidak berisi apa-apa di belakang karya yang dilacak. Biasanya itulah yang Anda inginkan untuk stiker atau logo yang ditempatkan di atas latar berwarna.

Berapa jumlah warna yang tepat untuk melacak logo WebP?

Hitung warna datar yang terlihat lalu tambahkan dua atau tiga untuk tepi anti-aliasing. Logo dua warna terlacak rapi pada 4; ilustrasi maskot mungkin butuh 16 hingga 24. Terlalu banyak warna menghasilkan serpihan bentuk tipis di sepanjang setiap tepi.

Bisakah SVG hasil lacakan WebP dipakai di Cricut atau mesin laser?

Bisa, dan itu salah satu alasan utama melacak gambar. Cricut Design Space mengimpor SVG sebagai lapisan terpisah per warna, dan perangkat lunak laser membaca path sebagai garis potong atau grafir. Gunakan Hitam putih dengan Hanya garis luar saat Anda butuh satu garis potong.

Mengapa SVG hasil lacakan saya tampak bergelombang dibanding logo aslinya?

File WebP beresolusi rendah dari situs web sering hanya selebar 100 hingga 200 px, sehingga pelacak menebak kurva dari sedikit piksel. Cari salinan logo yang lebih besar, atau perbesar dulu dengan perbesar ukuran gambar, lalu lacak lagi.