Konverter SVG ke PNG

Ubah file SVG atau kode SVG yang Anda tempel menjadi PNG pada 1×, 2×, 4× atau lebar piksel eksak, dengan latar transparan, putih, atau kustom.

Konversi terjadi sepenuhnya di browser Anda. File SVG Anda tidak pernah diunggah ke server.

Pilih SVG dan ukurannya

Letakkan file SVG di sini

.svg · hingga ~5 MB

Skala
Latar

Cara konversi bekerja

SVG adalah sekumpulan instruksi gambar, bukan grid piksel. Untuk mendapat PNG, alat ini menyerahkan kodenya ke decoder gambar browser, yang menata letak dan menggambarnya ke canvas sesuai ukuran yang Anda minta, lalu mengencode canvas itu sebagai PNG — semuanya lokal, tanpa pustaka.

Prosesnya, langkah demi langkah
Kode diubah menjadi Blob bertipe image/svg+xml dengan URL objek, dimuat ke elemen Image, lalu setelah selesai dimuat digambar ke canvas sebesar target Anda. Sebelum itu alat ini menulis ulang width/height akar svg agar sesuai target, sehingga browser meraster tepat pada resolusi yang diminta, bukan memperbesar bitmap kecil.
Dari mana ukuran datang
Kalau file menyatakan width dan height, itulah ukuran aslinya pada 1×. Kalau hanya menyatakan viewBox, viewBox menyediakan rasio aspek sekaligus ukuran dasar — pola umum pada set ikon. Kalau tidak ada keduanya, tidak ada acuan yang andal, jadi alat memakai 512 px persegi dan memperingatkannya di catatan di bawah tombol.
Yang diblokir ruang terisolasi
Rasterisasi berjalan lewat elemen img, dan browser menjalankan gambar SVG dalam mode terbatas: gambar eksternal, web font, CSS jarak jauh dan skrip tidak diambil, serta konten foreignObject tidak digambar. Gradien yang didefinisikan di dalam file Anda tetap ada; font dari @import atau PNG tertaut tidak. URI data: sebaris aman karena tidak memicu permintaan jaringan. Karena itu juga ekspor bisa gagal secara terang-terangan: canvas yang menerima sumber lintas asal menjadi tercemar dan canvas.toBlob() menolak membacanya — kasus ini ditangkap dan dilaporkan, bukan membuat alatnya rusak.

Pertanyaan yang sering diajukan

Mengapa gradien, font, atau bayangan saya hilang di PNG?

Saat SVG diraster lewat elemen gambar — cara browser mengubah kode vektor menjadi piksel — ia berjalan dalam mode terkunci: tidak bisa memuat gambar, web font, stylesheet, atau skrip dari luar file itu sendiri, dan HTML di dalam foreignObject juga tidak digambar. Apa pun yang file Anda ambil lewat referensi akan hilang. Kode yang mandiri (jalur inline, gradien internal, teks dengan keluarga font umum, URI data: untuk gambar tertanam) akan diraster dengan setia.

Skala apa yang sebaiknya saya pakai untuk ikon aplikasi?

Pakai 2× atau 4×. Ikon 24 px yang diraster pada 2× menghasilkan PNG 48 px yang tetap tajam di layar retina dan berkerapatan tinggi; 4× memberi 96 px, cukup untuk ukuran peluncur terbesar. Jika Anda butuh ukuran pasti seperti 512 px, ketik di kotak lebar kustom — tingginya mengikuti rasio aspek file itu sendiri.

Bisakah PNG dikonversi kembali menjadi SVG?

Tidak, arah ini satu jalan. Dari SVG ke PNG Anda membuang uraian vektornya dan menyisakan piksel, dan tidak ada cara andal untuk memulihkan kurva, teks, dan struktur dari sebuah raster. Ada alat penelusuran (tracing), tetapi hasilnya menebak; konverter ini meraster dengan setia, bukan menelusuri.

Apakah latar transparan tetap transparan?

Ya. PNG punya channel alpha, jadi dengan pilihan transparan file hasil ekspor tidak punya lapisan latar sama sekali — hanya bentuk yang Anda gambar. Pilih putih atau warna kustom saat Anda butuh alas solid, misalnya untuk tujuan yang hanya menerima JPEG atau untuk slide.

Apakah ada yang diunggah ke server?

Tidak. Kode Anda diurai dengan DOMParser, digambar ke canvas, lalu diekspor dengan canvas.toBlob, semuanya lokal. Tidak ada permintaan keluar, tidak ada yang disimpan, dan alat ini tetap jalan offline setelah halaman termuat.