Penampil SVG
Tempel markup SVG mentah dan lihat hasil rendernya seketika.
Pratinjau menonaktifkan skrip dan referensi eksternal, tetapi tetap memungkinkan Anda memeriksa viewBox dan detail ukuran.
pratinjau SVG: tempel kode mentah dan periksa hasilnya seketika
pemeriksaan viewBox dan ukuran: tinjau transparansi dan konten yang berpotensi tidak aman
Cara menggunakan
- Tempel kode SVG atau muat file `.svg`.
- Ganti latar belakang dan tingkat zoom untuk memeriksa render.
- Tinjau viewBox, detail ukuran, dan peringatan, lalu simpan SVG bila perlu.
Contoh
SVG ikon sederhana
Input
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Output
Ikon lingkaran biru dirender, dan viewBox ditampilkan sebagai `0 0 120 120` di panel info.
FAQ
Apakah SVG saya diunggah ke mana pun?
Tidak. SVG yang ditempel dan file yang dimuat tetap di browser Anda dan tidak dikirim ke server.
Apa yang terjadi pada SVG yang berisi script atau foreignObject?
Pratinjau aman menghapus elemen tersebut sebelum render dan menampilkan peringatan di panel info.
Apakah SVG dengan gambar atau font eksternal akan terlihat persis sama?
Tidak selalu. Referensi eksternal dinonaktifkan, sehingga tampilannya bisa berbeda dari lingkungan aslinya. Alat ini memprioritaskan pemeriksaan lokal yang aman.
Mengapa SVG saya tidak dirender?
Penyebab umum adalah XML tidak valid, nilai atribut yang salah, atau elemen akar yang bukan `svg`. Periksa pesan kesalahan yang ditampilkan alat.
Mengapa saya perlu mengganti latar belakang?
Area transparan dan ikon berwarna terang bisa terlihat sangat berbeda tergantung latar belakang, jadi alat ini memungkinkan Anda menguji latar kotak-kotak, putih, dan gelap dengan cepat.
Catatan
- Demi keamanan, referensi URL eksternal dan elemen berbahaya dinonaktifkan sebelum render.
- SVG yang bergantung pada font atau gambar eksternal mungkin tidak terlihat sama seperti di lingkungan aslinya.
- File SVG yang sangat besar otomatis keluar dari mode pratinjau langsung dan meminta Anda merender secara manual.