Langsung ke konten

Ubah SVG ke PNG dan PNG ke SVG

Render file SVG menjadi PNG yang tajam dalam ukuran berapa pun, atau ubah PNG atau JPG menjadi vektor SVG. Konversi berjalan di browser Anda.

Seret file SVG ke siniatau klik untuk memilih · tempel kode SVG dengan Ctrl+V
Pilih SVGDiproses di perangkat Anda — tidak diunggah
Berjalan di browser Anda · tanpa unggahCara kerja

Cara menggunakan Konverter SVG ↔ PNG

  1. 1

    Muat SVG

    Seret satu atau beberapa file .svg, tempel kode SVG di mana saja pada halaman, atau ketik di kotak kode lalu tekan Render SVG.

  2. 2

    Pilih ukuran output

    Pilih 1×, 2×, 4× atau 8× dari ukuran asli SVG, atau ketik Lebar persis hingga 16.384 piksel; tingginya menyesuaikan.

  3. 3

    Pilih format dan latar belakang

    PNG mempertahankan latar belakang transparan; JPG dan WebP dilengkapi penggeser kualitas, dan format apa pun bisa diisi dengan warna.

  4. 4

    Unduh

    Simpan PNG dengan nama sesuai file dan ukurannya, misalnya logo-512x512.png, atau unduh semua file sekaligus sebagai svg-to-png.zip.

Batas dan Pro

SVG ke PNG: file SVG sebanyak yang Anda mau, masing-masing diekspor hingga 16.384 px per sisi dan 120 megapiksel. PNG ke SVG: satu gambar hingga 25 MB per sekali proses.

Pro menaikkan batas input PNG ke SVG menjadi file hingga 4 GB. Lihat Pro

Tentang Konverter SVG ↔ PNG

SVG ke PNG mengubah grafik vektor menjadi gambar piksel biasa. Mesin SVG bawaan browser menggambar file langsung pada ukuran yang Anda minta, sehingga ekspor 8× dari ikon 64 piksel menghasilkan gambar tajam 512 piksel, bukan gambar yang diperbesar dan buram. Ukuran output diambil dari atribut width dan height pada SVG, dengan satuan seperti mm, pt atau in dikonversi pada 96 piksel per inci, atau dari viewBox bila ukuran tidak ditentukan. Output PNG mempertahankan transparansi alfa penuh dan dioptimalkan tanpa kehilangan kualitas dengan OxiPNG; JPG tidak mendukung transparansi, sehingga diisi warna putih kecuali Anda memilih warna lain. Pratinjau diperbarui saat Anda mengubah pengaturan, jadi Anda melihat hasil persisnya sebelum mengunduh.

Anda membutuhkan PNG di mana pun SVG tidak diterima: media sosial dan aplikasi pesan, Word dan PowerPoint versi lama, tanda tangan email, tampilan toko aplikasi, dan banyak pembuat situs web. Ekspor 2× atau 4× juga menghasilkan gambar tajam untuk layar ponsel berkerapatan tinggi.

Karena SVG dirender sebagai gambar mandiri, ia tidak bisa mengambil apa pun dari internet: gambar tertaut dan font web yang dirujuk lewat URL tidak dimuat, dan teks beralih ke font yang terpasang di perangkat Anda. Sematkan font dan gambar sebagai data URI, atau ubah teks menjadi outline, sebelum mengekspor. Skrip dan animasi tidak berjalan, jadi Anda mendapat satu bingkai diam. Tab PNG ke SVG melakukan sebaliknya, yaitu melacak gambar menjadi path vektor.

Privasi

Perenderan berlangsung di mesin SVG bawaan browser Anda, dan gambar dienkode oleh codec WebAssembly jSquash di Web Worker pada tab ini, yang dimuat dari situs ini hanya setelah Anda menambahkan file. Kode SVG dan gambar hasil ekspor tetap di perangkat Anda; tidak ada yang diunggah, dan perender sendiri tidak dapat membuat permintaan jaringan atas nama SVG.

Fitur

Tajam di ukuran apa pun

Vektor dirender ulang pada resolusi output — ekspor 1×, 2×, 4×, 8× atau lebar piksel yang tepat.

Latar belakang transparan

PNG dan WebP mempertahankan transparansi; atau isi latar belakang dengan warna apa pun.

Tempel kode SVG

Tempel kode langsung dari editor atau alat desain Anda — tanpa perlu file.

Ekspor massal

Ubah satu set ikon dengan pengaturan yang sama lalu unduh sebagai ZIP.

Ada juga PNG ke SVG

Pindah tab untuk melacak logo PNG atau JPG menjadi path vektor yang rapi.

Konverter SVG ↔ PNG: pertanyaan yang sering diajukan

Bagaimana cara mengubah SVG ke PNG dengan latar belakang transparan?
Biarkan format tetap PNG dan Latar belakang tetap Transparan, yang merupakan pengaturan bawaan, lalu unduh. Setiap area yang tidak digambar SVG tetap sepenuhnya transparan di PNG, dan isian semi-transparan serta tepi halus mempertahankan nilai alfanya. JPG tidak bisa menyimpan transparansi, jadi pada JPG area kosong diisi putih atau warna yang Anda pilih di Latar belakang.
Berapa ukuran ekspor SVG yang sebaiknya dipilih?
Untuk situs web, ekspor pada 2× ukuran tampilannya, misalnya lebar 600 piksel untuk slot 300 piksel, agar tetap tajam di layar berkerapatan tinggi. Ikon aplikasi dan tampilan toko biasanya meminta persegi 512 atau 1024 piksel. Untuk cetak, kalikan lebar dalam inci dengan 300. Karena vektor digambar ulang di setiap ukuran, ekspor lebih besar tidak pernah buram, hanya lebih besar.
Mengapa font atau gambar di SVG saya tampak salah?
SVG yang digambar sebagai gambar tidak bisa mengunduh apa pun, sehingga font tertaut dari Google Fonts atau server lain, serta gambar yang dirujuk lewat URL, tidak muncul; teks memakai font yang terpasang di perangkat Anda. Buka file di aplikasi desain, ubah teks menjadi outline atau path, atau sematkan font dan gambar sebagai data base64, lalu ekspor SVG lagi dan render di sini.
Bisakah saya mengubah beberapa file SVG sekaligus?
Bisa. Seret file SVG sebanyak yang Anda mau; file muncul dalam daftar dan yang dipilih ditampilkan di pratinjau. Pengaturan ukuran, format, dan latar belakang berlaku untuk semuanya, sehingga satu set ikon bisa diekspor pada 4× sekaligus. Tombol unduh kemudian membuat svg-to-png.zip, dengan setiap PNG diberi nama sesuai file asal dan ukuran pikselnya.
Mengapa ukuran PNG berbeda dari yang saya harapkan?
Ukuran dasar berasal dari atribut width dan height pada SVG, dikonversi ke piksel pada 96 per inci, lalu dikalikan skala. Jika SVG hanya punya viewBox, angkanya dipakai sebagai piksel; jika keduanya tidak ada, browser menganggap 300 × 150. Untuk hasil yang pasti apa pun filenya, pilih opsi px dan ketik lebar yang Anda perlukan; tinggi mengikuti proporsi.

Tugas lain dengan alat ini

Alat terkait

Semua alat gambar

Konverter HEIC, WebP & AVIF

Ubah HEIC, WebP, dan AVIF ke JPG atau PNG — dan sebaliknya

Generator favicon

Ikon ICO, PNG, dan manifest dari gambar, teks, atau emoji

Generator ikon aplikasi

Semua ukuran ikon iOS, Android, dan PWA dari satu gambar

Ubah ukuran gambar

Ubah ukuran per piksel, persen, atau preset — sekaligus banyak