SVG → PNG
Konverter SVG ke PNG
Letakkan berkas vektor dan dapatkan PNG pada resolusi yang dibutuhkan pekerjaan. Rasterisasi terjadi di tab ini, jadi pekerjaan desain tetap antara Anda dan mesin Anda.
PNG punya piksel tetap: memperbesarnya nanti membuatnya buram, sedangkan SVG tetap tajam di ukuran apa pun. Area transparan dipertahankan, bukan diisi.
Cara mengonversi SVG ke PNG
Muat vektornya
Letakkan berkas .svg atau tempel. Berkas yang tidak menyatakan lebar dan tinggi di headernya dirender dalam viewport 1024 piksel.
Pilih ukuran pikselnya
Tetapkan lebar atau tinggi yang Anda butuhkan — 256 untuk ikon aplikasi, 2400 untuk grafik cetak — dan dimensi lainnya mengikuti rasio aspek. Ekspor tidak pernah diperbesar melebihi ukuran yang dinyatakan berkasnya.
Ekspor PNG-nya
Simpan raster dan pakai di mana pun PNG diharapkan: slide, alur favicon, README, atau daftar toko yang tidak menerima vektor.
Mengubah vektor menjadi piksel
SVG adalah XML: instruksi path, isian, dan teks yang diselesaikan perender pada zoom apa pun, itulah sebabnya logo dan ikon digambar sebagai vektor. PNG adalah kisi piksel yang sudah jadi, jadi merasterkan berarti menetapkan ukuran kisi lebih dulu — setiap kurva disampel ke atasnya, dan resolusi yang Anda pilih adalah resolusi yang Anda simpan.
Gambar dirender melalui mesin SVG milik browser sendiri, mesin yang sama yang menampilkannya di halaman, jadi gradien, filter, dan bentuk terpotong berperilaku seperti di layar, dan transparansi dipertahankan karena PNG membawa saluran alpha. Harganya adalah kekakuan: perbesar PNG setelahnya dan tepinya melembut, sedangkan ekspor baru dari SVG pada ukuran lebih besar tetap tajam. Simpan vektornya sebagai berkas induk.
Pertanyaan tentang SVG ke PNG
Bagaimana cara memilih resolusi PNG-nya?
Pikirkan tempat terbesar gambar itu akan muncul: 16–64 px untuk favicon, 256–512 px untuk ikon aplikasi, 1000 px atau lebih untuk cetak. Tetapkan satu dimensi dan dimensi lain mengikuti rasionya; mengekspor lagi pada ukuran lain itu murah karena sumbernya tetap tajam.
Apa yang saya kehilangan dibandingkan SVG-nya?
Skalabilitas dan kemampuan pengeditan: PNG adalah kisi tetap, jadi memperbesarnya membuatnya kabur, dan bentuknya bukan lagi teks yang bisa Anda tata ulang. Perlakukan ekspornya sebagai salinan pengiriman untuk satu ukuran dan simpan .svg aslinya.
SVG saya tidak punya lebar dan tinggi. Apa yang terjadi?
Ia dirender ke viewport 1024 piksel, dan itu menjadi ukuran intrinsiknya, jadi berkas yang hanya punya viewBox diperlakukan sebagai 1024 px lebarnya. Tetapkan ukuran piksel eksplisit di sini, atau tambahkan lebar dan tinggi ke markup, saat Anda butuh sesuatu yang pasti.
Apakah PNG-nya tetap transparan, dan apakah berkas saya diunggah?
Transparansi dipertahankan, karena PNG punya saluran alpha yang nyata — logo dengan latar tembus pandang tetap tembus pandang. Tidak ada yang diunggah juga: karya seninya dirender dan dikodekan di tab ini, hingga 64 MB per berkas, dan halamannya bekerja offline setelah dimuat.