AlatAlat AICara kerjaFAQBuka editor
Gratis · Di browser · 14 bahasa

SVG ke PNG

Ubah grafis SVG menjadi PNG dalam ukuran apa pun — 1x, 2x, atau 4x — dengan latar transparan atau putih. Berjalan sepenuhnya di browser Anda, jadi tidak ada yang diunggah.

Letakkan gambar di sini, atau klik untuk memilih

Diproses lokal — tidak ada yang diunggah

Cara mengonversi SVG ke PNG

01

Letakkan file SVG ke dalam kotak. Grafis vektor langsung termuat dan tampil dalam ukuran aslinya. File Anda tetap di tab ini dan tidak pernah diunggah.

02

Pilih lebar output dan skalanya — ekspor pada 1x, 2x, atau 4x untuk layar retina. Pilih latar transparan atau isi putih.

03

Klik «Convert» dan unduh PNG-nya. Terbuka di mana saja — aplikasi chat, media sosial, dan perangkat lunak perkantoran yang tidak menerima file SVG.

Tips praktis

PNG vs SVG: memilih format yang tepat untuk pekerjaan

Kedua format menjawab pertanyaan yang berbeda. SVG menjawab «bagaimana menjaga ini tetap tajam di semua ukuran?» — sempurna saat merancang, menyunting, atau membangun situs. PNG menjawab «bagaimana memastikan ini terbuka di mana-mana?» — sempurna untuk pengiriman, karena setiap sistem operasi, aplikasi chat, dan browser telah menampilkan PNG selama puluhan tahun. Alur kerja praktis memakai keduanya: simpan master sebagai SVG di alat desain Anda, dan ekspor salinan PNG pada ukuran persis yang dibutuhkan setiap platform. Konverter ini menangani langkah ekspornya — mengubah file vektor master Anda menjadi PNG siap pakai dalam hitungan detik.

Ekspor Retina dan responsif: kenapa 2x penting

Layar ponsel dan laptop modern memuat dua atau bahkan tiga piksel fisik dalam setiap piksel CSS. Ikon yang diekspor selebar 100 piksel CSS direntangkan menjadi 200 piksel fisik di layar retina — dan PNG tidak bisa menciptakan detail yang hilang, sehingga tampak lembut. Solusinya sederhana: ekspor pada 2x (atau 4x untuk layar berkerapatan sangat tinggi) dan biarkan browser mengecilkannya. Opsi 2x dan 4x di sini melakukan hal itu, dan karena sumber Anda vektor, setiap ekspor yang diperbesar tetap tajam sempurna. Ragu antara dua ukuran? Pilih yang lebih besar — mengecilkan PNG tajam selalu aman, membesarkan yang kecil tidak pernah aman.

Latar transparan dengan cara yang benar

PNG menyimpan satu nilai ekstra per piksel — alpha — yang menyatakan seberapa transparan piksel itu. Saat mengonversi SVG dengan area transparan, informasi itu ikut terbawa, menjadikan PNG format alami untuk ikon, stiker, dan foto produk hasil potong yang ditaruh di latar apa pun. Satu hal yang perlu diperhatikan: apa yang mengelilingi transparansi. Di aplikasi mode gelap, ikon yang sepenuhnya transparan bisa menghilang di atas antarmuka hitam, dan alat pratinjau sering menampilkan transparansi sebagai papan catur yang tampak aneh di tangkapan layar. Opsi latar putih ada justru untuk momen-momen itu — ia meratakan gambar agar grafisnya tampak sama di mana-mana, dengan biaya kehilangan kanal alpha.

Pertanyaan umum

Kenapa saya butuh PNG, bukan SVG?+

SVG sempurna untuk pekerjaan desain, tetapi banyak platform sehari-hari tidak menerimanya: unggahan Instagram, stiker WhatsApp, dokumen Word, dan tanda tangan email semuanya mengharapkan format raster seperti PNG. Saat Anda butuh gambar yang bekerja di mana saja, ubah ke PNG.

Ukuran berapa yang harus saya ekspor?+

Sesuaikan dengan penggunaan akhir: 1x untuk ikon yang tampil pada ukuran aslinya, 2x untuk sebagian besar grafis web dan aplikasi di layar retina, dan 4x untuk sampul, poster, dan apa pun yang dicetak. Karena SVG adalah vektor, mengekspor besar tidak pernah membuat buram — satu-satunya biaya adalah ukuran file.

Apakah transparansi bertahan setelah konversi?+

Ya — PNG mempertahankan kanal alpha, jadi area transparan tetap transparan. Pilih opsi latar putih hanya bila Anda ingin gambar rata, misalnya untuk menghindari ikon transparan tak terlihat di penampil mode gelap.

Apakah konverter ini benar-benar gratis?+

Ya. Perenderan terjadi di perangkat Anda — tidak ada server, tidak ada antrean unggah, dan tidak pernah ada watermark. Konversi file sebanyak yang Anda mau.

Kenapa SVG saya ter-render kosong?+

Hampir selalu penyebabnya adalah SVG yang menggambar semuanya lewat skrip atau mereferensikan file eksternal, yang tidak bisa dimuat konverter mandiri. File yang diekspor dari Figma, Illustrator, atau Inkscape ter-render dengan baik. Jika file Anda dari framework, ekspor dulu sebagai SVG statis biasa dari alat desain Anda, lalu konversi.

Alat terkait