Penampil SVG: Pratinjau, Zoom, dan Ekspor SVG atau PNG
Penampil SVG adalah alat pratinjau SVG untuk memeriksa tampilan markup SVG di browser. Tempel atau seret konten SVG untuk menampilkannya dalam iframe yang sepenuhnya di-sandbox, dengan skrip yang dihapus. Perbesar atau perkecil, aktifkan latar kotak-kotak untuk memeriksa transparansi, lalu unduh SVG atau ekspor PNG melalui canvas.
Penampil SVG adalah alat pratinjau SVG online yang merender markup SVG sehingga Anda dapat memeriksa hasilnya di browser. Tempel atau seret konten SVG untuk melihat tampilan dokumen, bukan hanya mengandalkan teks sumbernya. Pratinjau ditampilkan dalam iframe yang sepenuhnya di-sandbox, dan skrip dihapus.
Anda dapat memperbesar atau memperkecil untuk memeriksa gambar yang dirender pada skala berbeda dan mengaktifkan latar kotak-kotak untuk melihat area transparan dengan lebih jelas. Setelah selesai, unduh SVG atau ekspor sebagai PNG melalui canvas. Kontrol ini memudahkan Anda mempratinjau SVG online dan memilih output yang sesuai dengan tugas berikutnya.
SVG adalah format gambar vektor, sedangkan PNG adalah format gambar raster. Menyimpan gambar sebagai SVG berguna saat Anda menginginkan dokumen vektor; mengekspor PNG memberi Anda versi raster dari pratinjau. Penampil mendukung pengunduhan SVG maupun ekspor PNG, sehingga Anda dapat memeriksa format sumber dan membuat output PNG saat dibutuhkan.
Penampil SVG berjalan sepenuhnya di browser Anda: input Anda diproses di perangkat Anda dan tidak diunggah, disimpan, atau dikirim ke server. Setelah halaman dimuat, alat ini berfungsi offline tanpa ketergantungan server. Alat ini berguna bagi developer dan engineer DevOps yang perlu memeriksa SVG yang tidak mereka buat, memeriksa tampilannya, atau mengekspor PNG tanpa mengirim input ke tempat lain.
Langkah 1: Tempel markup SVG Anda atau seret file SVG ke alat untuk memuatnya sebagai pratinjau.
Langkah 2: Periksa SVG yang dirender dalam pratinjau dan lihat tampilan bentuk serta teksnya.
Langkah 3: Perbesar atau perkecil untuk memeriksa SVG pada skala berbeda.
Langkah 4: Aktifkan latar kotak-kotak agar area transparan lebih mudah terlihat.
Langkah 5: Unduh file SVG atau ekspor pratinjau sebagai PNG melalui canvas.
Kasus penggunaan: Periksa dokumen SVG yang tidak Anda tulis dan sulit dipahami hanya dengan membaca markup-nya.
Kasus penggunaan: Periksa tampilan SVG sebelum menggunakannya dalam kode yang mengonsumsi atau menampilkan dokumen tersebut.
Kasus penggunaan: Tinjau SVG berukuran besar secara visual saat mencari tahu bagian markup mana yang perlu diperiksa atau diedit.
Kasus penggunaan: Perbesar untuk memeriksa detail dalam SVG saat gambar penuh sulit dinilai pada skala awalnya.
Kasus penggunaan: Periksa area transparan dengan mengaktifkan latar kotak-kotak.
Kasus penggunaan: Ekspor pratinjau SVG sebagai PNG saat Anda membutuhkan gambar raster, bukan dokumen vektor aslinya.
Kasus penggunaan: Unduh SVG setelah memeriksanya di browser.