Penampil gambar mungkin menempatkan warna putih di belakang piksel transparan. Letakkan PNG di atas warna lain. Jika area putih tetap menjadi bagian gambar, periksa apakah SVG memiliki bentuk latar belakang putih; konverter ini tidak menghapusnya.
Konverter SVG ke PNG
Ubah logo, ilustrasi, atau diagram SVG menjadi PNG statis untuk diunggah sebagai gambar atau digunakan dalam tata letak. Pilih ukuran piksel dan kompresi PNG. Area transparan pada desain dapat tetap transparan; simpan SVG Anda untuk pengeditan berikutnya.
Ekspor PNG untuk tata letak yang tidak dapat menggunakan SVG
PNG berguna ketika slide, dokumen, antarmuka, atau kolom unggahan membutuhkan gambar piksel. Konverter ini merender SVG Anda dan menyimpan pikselnya tanpa kehilangan kualitas akibat pengodean seperti pada JPEG.
Untuk menghasilkan PNG transparan, SVG harus sudah memiliki area transparan. Persegi panjang putih yang digambar di belakang logo tetap menjadi bagian desain dan akan tetap ada pada hasilnya. Konversi file saja tidak menghapus latar belakang.
Input
Satu file SVG berukuran hingga 20 MB. Saat Anda memilihnya, unggahan dimulai untuk pemrosesan di server.
Transparansi
Area transparan dapat tetap transparan. Latar belakang putih atau berwarna yang digambar di dalam SVG tidak dihapus.
Pilihan kompresi
Paling cepat, Cepat, Seimbang, dan Kompresi paling kuat; Seimbang dipilih sebagai pengaturan awal. Pilihan ini memengaruhi upaya pengodean dan ukuran file, bukan kualitas piksel yang dikodekan.
Hasil statis
Satu gambar PNG, tanpa jalur yang dapat diedit, teks yang tetap berupa teks, atau animasi SVG.
Kompresi PNG berbeda dari kualitas render. Keempat pilihan kompresi mempertahankan piksel yang diterima pengode PNG; pilihan tersebut tidak memperbaiki font, mempertajam sumber beresolusi rendah, atau mencegah perubahan akibat pengubahan ukuran.
Cara mengubah SVG ke PNG dengan ukuran yang Anda butuhkan
1
Pilih SVG dengan seluruh sumber daya di dalamnya
Pilih atau letakkan satu file SVG berukuran hingga 20 MB dan tunggu hingga unggahan selesai. Sertakan gambar dan gaya yang diperlukan di dalamnya. Jika Anda memiliki kode SVG, bukan file, simpan markup yang valid sebagai .svg sebelum memilihnya.
2
Pilih dimensi dan kompresi
Kosongkan kedua dimensi untuk menggunakan ukuran yang terbaca dari SVG, atau isi satu sisi maupun kotak pembatas. Kompresi Seimbang adalah pengaturan bawaan. Kompresi paling kuat bukan pengaturan kualitas gambar yang lebih tinggi.
3
Periksa PNG unduhan dalam tata letaknya
Klik Ubah ke PNG, unduh file yang selesai, lalu periksa dimensi sebenarnya dan bentuk hurufnya. Letakkan di atas latar belakang dengan warna kontras untuk memeriksa transparansi. Pratinjau unggahan SVG di browser tidak membuktikan seperti apa PNG hasil ekspornya.
Pilih dimensi piksel untuk PNG yang jelas
Setiap lebar atau tinggi yang diisi dapat bernilai 1–8.192 px. Ini adalah rentang kolom ukuran, terpisah dari batas unggahan file 20 MB.
Keduanya kosong
Menggunakan dimensi yang terbaca dari SVG. Periksa width, height, dan viewBox yang dideklarasikan jika ukurannya tidak sesuai harapan.
Hanya satu sisi
Menghitung sisi lainnya berdasarkan proporsi desain.
Kedua sisi
Memuat gambar secara proporsional di dalam kotak yang ditentukan. Salah satu sisi hasilnya mungkin lebih kecil; gambar tidak diregangkan atau dipotong.
Kanvas 900×600 yang dimuat di dalam 300×300 menjadi 300×200. Untuk penempatan yang lebih besar, pilih dimensi yang sesuai dan periksa hasilnya. Tidak ada kontrol kepadatan render SVG, dan memperbesar gambar yang terbaca tidak menjamin detail tambahan. Ruang kosong di dalam kanvas SVG tetap menjadi bagian PNG.
Siapkan gambar untuk penggunaan berikutnya
Simpan SVG sebagai file asli yang dapat Anda edit, lalu pilih ukuran PNG yang sesuai dengan penempatan sebenarnya.
Logo dan lapisan gambar transparan
Periksa PNG pada latar belakang terang dan gelap. Desain berwarna pucat bisa terlihat kosong di atas warna putih meskipun konversi berhasil. Pola papan catur yang ditampilkan penampil gambar menandakan transparansi; bedakan dengan pola papan catur yang memang digambar di sumber.
Grafik antarmuka kecil dan label
Periksa garis tipis dan teks pada ukuran tampilannya. Sertakan font yang dibutuhkan atau ubah huruf penting menjadi jalur di alat desain Anda. Hasil yang lebih besar atau kompresi PNG yang lebih kuat tidak dapat menggantikan font atau gambar tertaut yang hilang.
Unggahan JPEG atau dokumen berisi beberapa desain
Gunakan SVG ke JPG jika tujuan penggunaan memerlukan JPEG dan latar belakang putih dapat diterima. Gunakan SVG ke PDF untuk menempatkan beberapa desain pada halaman dokumen terpisah; alur tersebut membuat halaman gambar dengan latar putih.
Unduh dan simpan PNG yang Anda butuhkan. File yang diunggah dan dihasilkan bersifat sementara, jadi simpan SVG untuk ekspor berikutnya.
Pertanyaan tentang ekspor PNG transparan dan berukuran lebih besar
Atur dimensi hasil yang sesuai dalam rentang kolom 1–8.192 px, lalu periksa unduhannya. Alat ini mengubah ukuran gambar SVG yang terbaca dan tidak menyediakan pengaturan kepadatan render. Untuk pembesaran yang menuntut kualitas tinggi, siapkan ekspor sumber yang sesuai di aplikasi desain Anda, alih-alih menganggap tambahan piksel dapat memulihkan detail.
Kanvas sumber dan viewBox dapat mencakup ruang kosong di luar jalur yang terlihat. Ruang tersebut ikut dikonversi. Sesuaikan batas kanvas SVG di alat desain Anda; mengubah lebar dan tinggi di sini mengatur skala kanvas secara proporsional, bukan memotongnya.
Pengaturan ini tidak mengubah kualitas piksel yang dikodekan, dan ukuran file yang lebih kecil tidak dijamin. Dimensi dan isi gambar memengaruhi ukuran file. Gunakan dimensi yang sesuai dan bandingkan hasil unduhan; kompresi tidak memperbaiki desain yang hilang atau hasil render yang buram.