Konverter online gratis SVG ke WEBP

Tentang format SVG

SVG (Scalable Vector Graphics) adalah vector format berbasis XML yang menyimpan bentuk, path, teks, gradien, dan filter sebagai instruksi gambar, bukan piksel tetap. Logo, ikon, diagram, ilustrasi, dan graphics antarmuka umumnya menggunakan SVG karena artwork dapat diskalakan tanpa menjadi pixelated.

Adobe Illustrator, Inkscape, Figma, Affinity Designer, CorelDRAW, dan design tools berbasis web dapat membuat file SVG. Designer dan developer menggunakannya untuk editable artwork, graphics web responsif, dan aset yang harus dirender pada berbagai ukuran.

Tentang format WEBP

WEBP adalah raster image format yang dikembangkan oleh Google. Format ini mendukung lossy compression untuk gambar fotografi atau ilustrasi yang lebih kecil, lossless compression untuk graphics yang memerlukan detail akurat, serta alpha channel untuk background transparan.

WEBP dapat mengurangi ukuran file dibandingkan JPEG atau PNG dalam banyak kasus, tetapi hasilnya adalah bitmap dengan lebar dan tinggi piksel yang telah ditentukan. Memperbesarnya melampaui ukuran tersebut dapat menampilkan blur atau compression artifacts, berbeda dengan vector SVG.

Cara mengonversi file SVG

Gunakan 101convert.com

Anda dapat mengonversi file di 101convert.com secara gratis tanpa menginstal software. Buka SVG-to-WEBP converter, upload source file, pilih output settings yang tersedia, mulai conversion, lalu download file .webp yang dihasilkan. Periksa output untuk memastikan tidak ada font yang hilang, filter yang berubah, warna yang keliru, atau transparansi yang hilang sebelum menggunakannya.

Gunakan GIMP

1. Buka SVG di GIMP dengan File → Open.
2. Atur rendered width dan height saat GIMP meminta SVG import. Nilai ini menentukan dimensi piksel gambar WEBP.
3. Pilih File → Export As…, masukkan filename yang diakhiri dengan .webp, lalu pilih Export.
4. Pilih quality level atau lossless encoding dalam WEBP export dialog, lalu konfirmasikan export.

GIMP melakukan rasterisasi pada SVG saat membukanya, sehingga mengubah ukuran gambar setelahnya tidak dapat mengembalikan detail vector. Import SVG pada ukuran tampilan terbesar yang diperlukan, atau gunakan source render dengan resolusi lebih tinggi untuk resizing selanjutnya.

Gunakan command-line tools

ImageMagick dapat melakukan rasterisasi SVG dan menulis WEBP dalam satu command jika instalasinya menyertakan SVG renderer seperti librsvg:

magick -background none -density 192 input.svg -resize 1200x1200 -quality 85 output.webp

-background none mempertahankan area transparan ketika SVG dan renderer mendukung alpha. -density mengontrol resolusi rasterisasi awal, sedangkan -resize menetapkan ukuran output yang praktis. Sesuaikan dimensi dengan ukuran tampilan yang dituju; density saja tidak menjamin lebar dan tinggi akhir tertentu.

Inkscape dapat me-render SVG ke PNG, setelah itu encoder cwebp milik Google dapat membuat WEBP:

inkscape input.svg --export-type=png --export-filename=rendered.png --export-width=1600

cwebp -q 85 rendered.png -o output.webp

Gunakan --export-height sebagai gantinya, atau atur kedua dimensi jika diperlukan. PNG perantara mempertahankan transparansi jika Inkscape melakukan export tanpa background color. Gunakan cwebp -lossless rendered.png -o output.webp untuk lossless encoding.

Batasan kualitas dan compatibility

• Pilih dimensi piksel sebelum conversion. SVG tidak memiliki inherent raster resolution, sehingga setiap converter harus menentukan jumlah piksel yang akan dirender.
• Gunakan lossy quality value sekitar 80–90 untuk banyak web images. Pilih lossless WEBP untuk teks kecil, garis tipis, screenshot, dan flat-color artwork ketika compression defects tidak dapat diterima.
• Embedded fonts, external stylesheets, linked images, JavaScript, animations, dan unsupported SVG filters dapat dirender secara berbeda atau menghilang. Convert teks menjadi paths atau embed resources yang diperlukan jika output yang konsisten penting.
• Background SVG transparan umumnya menjadi background WEBP transparan ketika renderer mempertahankan alpha. Tetapkan background color eksplisit jika tujuan memerlukan gambar opaque.
• WEBP didukung oleh major browsers saat ini dan banyak image applications, tetapi software lama dan publishing systems khusus mungkin tidak menerimanya. Simpan SVG asli sebagai editable master dan gunakan WEBP sebagai fixed distribution copy.