Cara Membuka File SVG: Panduan Komputer, Ponsel, dan Peramban

1. Empat cara membuka SVG di komputer

• Peramban (paling mudah): seret file SVG ke jendela Chrome, Edge, Firefox, atau Safari dan langsung tampil; Anda juga bisa klik kanan lalu pilih "Open With" untuk menentukan peramban;
• Menetapkan aplikasi bawaan: bila sering menangani SVG, hubungkan berkas .svg ke peramban atau aplikasi desain agar cukup klik ganda untuk langsung terbuka;
• Aplikasi desain: Illustrator, Figma, dan Inkscape gratis semuanya bisa membuka dan menyunting SVG, cocok untuk pengerjaan mendalam;
• Editor kode: pada dasarnya SVG adalah teks XML, jadi membukanya di VS Code memudahkan melihat dan mengubah sumber serta menelusuri masalah.

Cara menetapkan aplikasi bawaan: di Windows klik kanan file SVG, pilih "Open With → Choose another app", centang "Always use this app"; di macOS klik kanan lalu pilih "Get Info", pilih peramban pada "Open with", tekan "Change All", dan setelah itu klik ganda langsung menampilkan pratinjau.

2. Cara membuka SVG di ponsel

Android: sebagian pengelola berkas tidak bisa melihat pratinjau SVG langsung, tekan lama filenya lalu pilih "Buka dengan aplikasi lain" dan pilih peramban. iPhone: simpan SVG di aplikasi "File", pada sistem yang lebih baru pratinjau langsung muncul; bila tidak, buka lewat menu Bagikan memakai Safari. SVG yang diterima di WeChat atau QQ dianggap berkas biasa — pilih "Buka dengan aplikasi lain" lalu peramban agar tampil benar.

Singkatnya, peramban ponsel adalah penampil SVG paling andal tanpa perlu memasang aplikasi apa pun. Tablet berlaku sama: cukup buka dengan peramban bawaan, tanpa penampil khusus.

3. Klik ganda tapi yang muncul kode atau halaman kosong, bagaimana?

Muncul banyak kode: berarti berkas masih terhubung ke Notepad atau editor teks lain. SVG memang berupa teks, jadi ini wajar — buka dengan peramban agar bentuknya terlihat. Halaman kosong: pastikan berkas utuh — buka di editor kode; SVG yang normal diawali tag <svg> atau deklarasi <?xml; jika yang terlihat kode halaman seperti <html>, kemungkinan halaman error tersimpan sebagai .svg saat diunduh, jadi unduh ulang. Selain itu, bila berkas mengutip gambar atau font eksternal, sumber daya yang gagal dimuat juga bisa membuat isinya hilang.

Perlu diingat juga: SVG adalah format teks yang bisa membawa skrip, jadi jangan buru-buru membuka berkas SVG dari sumber yang tidak dikenal di peramban — lebih aman memeriksa isinya dulu di editor kode, dan baru membuka pratinjau setelah Anda yakin berkas diawali tag svg dan tidak ada skrip mencurigakan.

4. Sudah terbuka tapi mau diubah? Pakai editor daring

Kalau hanya ingin mengganti satu warna, menghapus latar, atau membuang beberapa elemen, tidak perlu memasang aplikasi besar. Buka Editor SVG Online PolySVG (jalan pintas langsung /editor), unggah berkasnya, lalu klik jalur untuk menghapus, hapus latar sekali klik, ganti warna, tambal dengan kuas, bersihkan dengan penghapus — undo/redo kapan saja, dan ekspor SVG atau PNG di akhir. Gratis, tanpa instalasi, tanpa pendaftaran.

5. Hanya mau melihat? Mengubah ke PNG paling praktis

Kalau perangkat lawan bicara tidak bisa membuka SVG, cara paling sederhana adalah mengubahnya menjadi PNG: ekspor PNG dari editor, atau buka di peramban lalu ambil tangkapan layar. Untuk memahami format SVG itu sendiri, baca Apa itu SVG; kalau Anda punya bitmap dan ingin menjadikannya SVG, tool gambar ke SVG menyelesaikannya dalam beberapa langkah.

Jika Anda pengembang, SVG juga bisa disisipkan langsung ke dalam HTML atau dirujuk dengan tag img dan peramban akan merendernya seketika — inilah cara paling umum membuka SVG di web.