SVG → </>
SVG viewer dan editor kode
Buka file SVG atau tempel kodenya untuk melihat hasil tampilannya, memeriksa ukurannya, dan mengeditnya dengan pratinjau langsung. Semuanya tetap di browser Anda.
Berjalan di browser · file tetap di perangkat Anda
Cara melihat file SVG di SVG viewer
- Buka file atau tempel kode. Gunakan tombol Buka file, letakkan SVG di pratinjau, atau tempel kodenya di editor.
- Periksa pratinjaunya. Beralih antara latar transparan, terang, dan gelap untuk melihat tepi dan bentuk berwarna putih.
- Edit kodenya. Pratinjau diperbarui saat Anda mengetik. Rapikan kode akan merapikan indentasinya.
- Salin atau unduh. Simpan SVG yang sudah diedit atau salin kodenya.
SVG document viewer di latar apa pun
Banyak ikon SVG berwarna putih atau memakai area transparan, sehingga hilang di halaman putih. Tombol latar menampilkan gambar di pola kotak-kotak, di latar putih, dan di permukaan gelap. Dengan begitu Anda bisa menemukan logo putih, fill yang hilang, atau tepi yang meluber.
Di bawah pratinjau terlihat width dan height yang dideklarasikan, viewBox, jumlah elemen, dan ukuran file. Nilai-nilai ini menjelaskan sebagian besar masalah ukuran: SVG tanpa width dan height mengambil ukuran wadahnya, dan viewBox yang salah memotong atau mengecilkan gambar.
Online SVG viewer dengan editor kode
Editor menyorot sintaks XML, bisa melipat grup yang panjang, dan menampilkan nomor baris. Jika kode mengandung kesalahan, misalnya tag yang tidak ditutup, viewer menampilkan pesan error dari parser alih-alih gambar kosong, sehingga Anda tahu baris mana yang harus diperbaiki.
Pratinjau dirender sebagai gambar. Skrip di dalam SVG tidak dijalankan, jadi aman untuk membuka file yang Anda terima dari orang lain.
SVG editor online untuk perbaikan cepat
Suntingan umum hanya butuh beberapa detik: mengganti warna fill, menghapus width dan height yang tetap agar ikon responsif, menghapus lapisan tersembunyi, atau menambahkan <title> untuk aksesibilitas. Untuk pembersihan yang lebih menyeluruh, proses file lewat alat kompres SVG.