SVG Itu Apa? Panduan Singkat Format Vektor
SVG itu apa? Artikel ini menjelaskan cara kerja gambar vektor SVG dalam bahasa sederhana, perbedaannya dengan PNG/JPG, kelebihan dan kekurangannya, penggunaan umum, serta cara membuka dan menyuntingnya, sekaligus merekomendasikan tool gambar ke SVG gratis.
1. SVG itu apa?
SVG adalah singkatan dari Scalable Vector Graphics (Grafis Vektor yang Dapat Diskalakan), format grafis vektor terbuka berbasis XML yang standarnya ditetapkan W3C. Berbeda dengan PNG dan JPG yang mencatat gambar sebagai kumpulan piksel, SVG memakai rumus matematis untuk menggambarkan bentuk: satu garis lurus, satu lingkaran, satu kurva Bézier — semuanya ditulis dalam file sebagai koordinat dan perintah jalur.
Inilah sebabnya SVG tidak pernah buram saat diperbesar: peramban tidak meregangkan piksel, melainkan menggambar ulang rumusnya pada ukuran baru. Inilah arti kata "vektor".
2. SVG versus PNG / JPG
| Aspek | SVG | PNG / JPG |
|---|---|---|
| Cara menyimpan gambar | Jalur matematis (vektor) | Grid piksel (bitmap) |
| Saat diperbesar | Diskalakan tanpa batas tanpa distorsi | Muncul bergerigi dan buram |
| Ukuran file | Sangat kecil untuk grafis sederhana (beberapa KB) | Tumbuh linier dengan resolusi |
| Kemampuan sunting | Teks yang bisa disunting, diganti warna, dianimasikan | Butuh aplikasi pengolah gambar |
| Paling cocok untuk | Ikon, logo, ilustrasi, diagram | Foto dan pencahayaan kompleks |
3. Kegunaan umum SVG
- Ikon situs dan logo: satu SVG cocok untuk semua kepadatan layar, tetap tajam di layar Retina;
- Ilustrasi dan diagram: pustaka visualisasi data seperti ECharts dan Recharts secara bawaan menghasilkan SVG;
- Cetak dan ukiran: mesin ukir laser, pemotong vinil, dan printer UV umumnya menerima jalur SVG;
- Animasi: jalur SVG bisa langsung dikendalikan CSS / SMIL / JavaScript, sehingga efek gambar garis dan sejenisnya menjadi mungkin.
4. Bagaimana membuka dan menyunting SVG?
Peramban modern (Chrome / Edge / Firefox / Safari) bisa membuka SVG secara langsung; aplikasi desain seperti Illustrator, Figma, dan Inkscape (gratis) bisa menyuntingnya. Bila hanya ingin mengganti warna, menghapus latar, atau menyeka sebagian gambar, gunakan Editor SVG Online PolySVG — tanpa perangkat lunak yang perlu dipasang.
5. Bagaimana cara mengubah PNG / JPG saya menjadi SVG?
Gunakan tool gambar ke SVG PolySVG: setelah bitmap diunggah, model buatan sendiri otomatis menjalankan kuantisasi warna, penelusuran kontur, dan pemasangan kurva, sehingga dalam hitungan detik Anda mendapat SVG yang bisa disunting, lengkap dengan penghapusan latar sekali klik. Seluruh proses gratis dan tanpa pendaftaran.
Ringkasan: SVG adalah format "menggambar dengan rumus", sehingga secara alami cocok untuk ikon, logo, dan segala grafis yang perlu diskalakan; untuk konten foto tetap lebih baik memakai JPG / WEBP.
Pertanyaan yang sering diajukan
File SVG dibuka dengan apa?
Peramban modern mana pun bisa membuka dan melihat pratinjau secara langsung. Untuk menyunting gunakan Illustrator, Figma, Inkscape, atau editor daring PolySVG tanpa perlu memasang apa pun.
Bisakah SVG diubah menjadi PNG?
Bisa. Editor PolySVG dapat mengekspor SVG menjadi PNG pada resolusi apa pun, dan tangkapan layar peramban atau ekspor dari aplikasi desain memberikan hasil serupa.