Konverter SVG ke PNG
Konversi SVG ke PNG di browser Anda dengan skala apa pun atau lebar/tinggi tertentu, dengan latar transparan atau berwarna. Mendukung SVG yang hanya punya viewBox.
Gambar, font, dan stylesheet eksternal yang dirujuk SVG tidak dimuat saat dirender sebagai gambar; sematkan dulu atau ubah teks menjadi path.
Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.
Apa itu SVG ke PNG?
Alat ini merender grafis vektor SVG sebagai gambar PNG. Unggah file .svg atau tempel kode SVG, pilih faktor skala (1×–4× atau nilai apa pun) atau lebar maupun tinggi tetap, dan biarkan latar transparan atau isi dengan warna. Vektor dirender ulang pada ukuran target, sehingga PNG tetap tajam di resolusi berapa pun.
Cara menggunakan SVG ke PNG
- Letakkan atau pilih file SVG, atau tempel markup SVG ke Kode SVG.
- Periksa Ukuran intrinsik yang terdeteksi (dari width/height, dari viewBox, atau default 300×150).
- Di Ukuran keluaran, pilih faktor skala atau lebar/tinggi tetap lalu masukkan nilainya.
- Biarkan Latar transparan aktif, atau hilangkan centangnya dan pilih warna latar.
- Unduh PNG-nya (dengan nama seperti
logo@2x.png).
Contoh
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 12"><rect width="24" height="12" fill="#ff0000"/></svg> at scale 2
48×24 PNG, solid red (intrinsic size 24×12 taken from the viewBox)
Kapan menggunakan SVG ke PNG
Gunakan untuk membuat ikon, logo, atau ilustrasi PNG untuk aplikasi, media sosial, dokumen, atau platform yang tidak menerima SVG. Tetap gunakan SVG di web jika memungkinkan: ukurannya lebih kecil dan tidak bergantung pada resolusi. SVG yang bergantung pada font atau gambar eksternal akan dirender tanpa elemen tersebut.
Cara kerja SVG ke PNG
Alat ini membaca width, height, dan viewBox dari elemen root <svg> untuk menentukan ukuran intrinsik (satuan absolut seperti pt, mm, dan in dikonversi ke px; persentase memakai viewBox sebagai cadangan). Lalu elemen root ditulis ulang dengan lebar dan tinggi target yang persis (menambahkan viewBox jika belum ada agar gambar ikut berskala), dimuat sebagai gambar, dan digambar di canvas berukuran tersebut, sehingga vektor dirasterisasi pada resolusi penuh, bukan diperbesar dari bitmap kecil.
Kasus Penggunaan Umum
- Mengekspor logo SVG pada 2× dan 3× untuk aset aplikasi mobile.
- Membuat ikon PNG 512×512 dari SVG untuk halaman toko aplikasi.
- Mengonversi grafik SVG ke PNG untuk slide presentasi atau dokumen Word.
- Membuat PNG berlatar putih untuk platform yang menampilkan transparansi sebagai hitam.
Catatan Keamanan
Gambar didekode, diproses, dan di-encode secara lokal di browser Anda dengan Canvas API. Tidak ada yang diunggah ke server. SVG dirender sebagai gambar, sehingga skrip yang disematkan tidak dijalankan.
Pertanyaan Umum
SVG saya tidak punya width atau height. Berapa ukuran PNG-nya?
Lebar dan tinggi viewBox dipakai sebagai ukuran intrinsik. Jika viewBox pun tidak ada, browser memakai 300×150, dan alat ini akan memberi tahu Anda.
Mengapa teks saya memakai font yang berbeda?
SVG yang dirender sebagai gambar tidak bisa memuat font eksternal. Ubah teks menjadi path di editor Anda atau sematkan font sebagai data URI.
Seberapa besar PNG yang bisa dibuat?
Sebesar yang diizinkan canvas browser Anda. Jika Anda meminta lebih, alat ini memperkecil output dan menampilkan pemberitahuan.