Konverter SVG ke PNG

Ubah vektor SVG yang dapat diskalakan menjadi gambar PNG siap pakai

File SVG adalah sekumpulan instruksi, bukan gambar yang sudah jadi. Buka salah satunya di editor teks dan Anda akan menemukan XML yang menggambarkan jalur, bentuk, isian, dan kurva — resep yang diikuti browser untuk menggambar karya seni segar pada ukuran apa pun yang Anda minta. PNG adalah sebaliknya: kisi piksel berwarna yang dibekukan pada lebar dan tinggi tetap. Mengkonversi satu ke yang lain disebut rasterisasi, dan alat ini melakukannya sepenuhnya di dalam browser Anda. Anda memilih ukuran output, SVG digambar ke kanvas HTML, dan PNG dikembalikan — tidak ada file yang pernah meninggalkan perangkat Anda.

Vektor versus raster, dalam istilah sederhana

Perbedaan utama adalah bagaimana resolusi ditangani. Karena SVG menyimpan matematika bukan piksel, ia bebas resolusi: skalakan logo dari favicon ke papan iklan dan setiap tepi dihitung ulang agar tetap tajam secara matematis. PNG tidak memiliki kebebasan seperti itu. Pikselnya sudah tertanam, sehingga memperbesarnya melampaui ukuran aslinya memaksa penampil untuk meregangkan titik-titik yang ada, dan Anda mulai melihat blur dan efek tangga yang membocorkan gambar raster.

Trade-off itu berlaku dua arah. Vektor tak tertandingi untuk logo, ikon, dan ilustrasi datar yang terbuat dari bentuk bersih, dan file-nya biasanya kecil. Format raster seperti PNG menangani gradien, bayangan lembut, dan detail fotografi secara lebih alami, dan — yang paling penting — mereka dipahami oleh hampir semua hal. Saat Anda melakukan rasterisasi, Anda menukar skalabilitas tak terbatas SVG dengan kompatibilitas universal PNG pada satu ukuran yang dipilih.

Mengapa merasterisasi SVG sama sekali?

Jika SVG berskala begitu indah, mengapa mengkonversinya? Kompatibilitas biasanya menjadi jawabannya. Banyak tempat yang tidak menerima SVG: banyak klien email yang memotong atau menolak untuk merendernya, editor dokumen dan perangkat lunak presentasi sering menginginkan gambar datar, marketplace dan jaringan iklan menuntut PNG atau JPG, dan sebagian besar platform sosial sama sekali mengabaikan unggahan vektor. Beberapa sistem konten juga memblokir SVG sepenuhnya karena alasan keamanan, karena format ini dapat menyematkan skrip.

Alasan kedua adalah Anda terkadang menginginkan aset berukuran tetap. Ikon aplikasi, thumbnail, gambar pratinjau Open Graph, dan materi cetak semuanya mengharapkan dimensi piksel yang tepat. PNG mengunci karya seni ke target tersebut sehingga dirender identik di mana saja, tanpa kejutan dari penampil yang menginterpretasikan vektor secara berbeda. Mengkonversi SVG sumber Anda ke ukuran yang diperlukan platform sering kali merupakan jalur paling bersih menuju hasil yang konsisten.

Memilih resolusi ekspor yang tepat

Karena PNG tidak dapat diskalakan dengan baik, ukuran yang Anda ekspor lebih penting daripada vektor mana pun. Ekspor terlalu kecil dan gambar terlihat lunak di layar modern; ekspor terlalu besar dan Anda membuang bandwidth. Aturan praktis sederhana: tentukan ukuran terbesar gambar yang akan pernah ditampilkan, lalu render setidaknya itu, dan idealnya lebih untuk layar kepadatan tinggi.

Layar standar baik-baik saja pada 1x — ukuran nominal karya seni. Layar High-DPI dan Retina mengemas kira-kira dua kali piksel dalam ruang yang sama, sehingga ekspor 2x menjaga ikon dan grafik tetap tajam bukan buram. Untuk cetak, poster, atau tampilan yang sangat besar, 3x atau 4x memberi Anda ruang gerak. Karena sumbernya adalah vektor, mengekspor lebih besar tidak ada biayanya dalam kualitas — kurva hanya dihitung ulang pada jumlah piksel yang lebih tinggi sebelum diratakan. Jika ragu, render ukuran yang murah hati; Anda selalu dapat memperkecil PNG besar, tetapi Anda tidak pernah dapat memulihkan detail dengan memperbesar yang kecil.

Transparansi ikut terbawa

PNG mendukung saluran alpha penuh, yang berarti transparansi bertahan dalam konversi. Jika SVG Anda tidak memiliki isian latar belakang, PNG yang dihasilkan menjaga area tersebut transparan, sehingga logo atau ikon jatuh dengan bersih di atas warna apa pun tanpa kotak putih yang jelek di sekelilingnya. Jika Anda ingin latar belakang solid sebagai gantinya, berikan SVG satu sebelum mengkonversi. Bagaimanapun, apa yang Anda lihat di vektor adalah apa yang akan dipertahankan PNG, itulah tepatnya mengapa PNG — bukan JPG — adalah target alami untuk ikon, lencana, dan overlay.

Semua tetap di perangkat Anda

Konverter ini berjalan sebagai kode lokal di browser Anda menggunakan canvas API. SVG Anda dibaca, digambar, dan diekspor tanpa pernah dikirim ke server, sehingga tidak ada unggahan, tidak ada antrean, dan tidak ada salinan karya seni Anda yang tersimpan di penyimpanan orang lain. Itu lebih cepat untuk Anda dan lebih aman untuk apa pun yang lebih baik tidak Anda serahkan ke pihak ketiga, dari branding yang belum dirilis hingga diagram internal. Setelah selesai di sini, jelajahi alat gambar kami lainnya — jika Anda membangun aset Windows atau favicon, konverter PNG ke ICO adalah langkah alami berikutnya.

Pertanyaan yang sering diajukan