Konverter SVG ke PNG
Konversikan file vektor SVG ke gambar raster PNG berkualitas tinggi. Sesuaikan skala output dan warna latar belakang dengan mudah di browser Anda.
Tarik & Lepas SVG di sini
Mendukung hingga 50MB
Konversikan file vektor SVG ke gambar raster PNG berkualitas tinggi. Sesuaikan skala output dan warna latar belakang dengan mudah di browser Anda.
Mendukung hingga 50MB
SVG (Scalable Vector Graphics) mendeskripsikan gambar sebagai sekumpulan primitif geometris — jalur, bentuk, teks, gradien — yang dapat diskalakan ke ukuran apa pun tanpa kehilangan kualitas. PNG menyimpan satu kotak piksel persegi panjang dengan resolusi tetap. Mengonversi SVG ke PNG merupakan langkah rasterisasi: instruksi gambar SVG dievaluasi pada ukuran piksel yang dipilih dan bitmap yang dihasilkan dikodekan sebagai PNG. Outputnya terlihat tajam pada ukuran yang Anda tentukan tetapi menjadi piksel jika diperbesar.
Konverter ini merender SVG menggunakan mesin SVG bawaan browser. SVG dimuat ke dalam elemen Gambar, digambar ke kanvas HTML5 pada dimensi keluaran yang dipilih, dan diekspor sebagai PNG melalui canvas.toBlob. Karena browser melakukan rasterisasi, fitur SVG yang kompleks — gradien, filter, masker, animasi sebagai bingkai statis — dirender dengan cara yang sama seperti pada laman web sebenarnya.
Keputusan terpenting dalam konversi SVG ke PNG adalah ukuran target. SVG tidak bergantung pada resolusi, jadi memilih ukuran PNG yang sesuai dengan penggunaan sebenarnya akan menghindari penyediaan yang berlebihan (file besar untuk ikon berukuran thumbnail) dan penyediaan yang kurang (output buram saat diperbesar nanti). Target umum: 32×32 atau 64×64 untuk ikon, 256×256 atau 512×512 untuk logo, 1024×1024 untuk grafik pahlawan, 2048×2048 untuk aset berkualitas retina.
SVG bagus untuk web dan alat desain modern, tetapi buruk untuk banyak konteks lainnya. Klien email menampilkan SVG secara tidak konsisten; beberapa memblokirnya karena risiko keamanan. Perangkat lunak perkantoran lama, CMS tertentu, layanan pihak ketiga, dan hampir semua jalur pencetakan foto tidak menerima SVG sama sekali. Mengonversi ke PNG menghasilkan raster yang diterima secara universal dan terlihat identik pada ukuran yang dipilih.
PNG juga dapat disematkan dengan andal ke dalam dokumen kantor, slide deck, dan PDF tanpa bergantung pada penyaji SVG penerima. Untuk logo dan grafik yang perlu tampil secara konsisten di banyak platform, PNG adalah pilihan yang lebih aman — meskipun PNG kehilangan independensi resolusi yang menjadikan SVG menarik.
Pilih ukuran target Anda, render. Browser melakukan rasterisasi.
SVG (Rekomendasi W3C) adalah format vektor berbasis XML dengan elemen untuk jalur, bentuk dasar (persegi, lingkaran, elips, garis, poligon, polyline), teks, gradien (linearGradient, radialGradient), filter, masker, dan jalur klip. Browser mem-parsing XML, membuat DOM, menerapkan CSS, dan melakukan rasterisasi hasilnya selama rendering halaman.
Konverter ini memuat SVG ke dalam HTMLImageElement (yang memicu jalur rendering SVG-sebagai-gambar normal browser), lalu menariknya ke kanvas melalui drawImage. Kanvas diekspor sebagai PNG menggunakan canvas.toBlob('image/png'). Piksel persis dalam keluaran cocok dengan apa yang akan dirender SVG pada ukuran yang sama di tab browser.
Kasus tepi: SVG menggunakan objek asing tidak selalu didukung saat digunakan melalui elemen Gambar. SVG yang mereferensikan sumber daya eksternal (xlink:href ke domain berbeda) mungkin gagal dimuat karena CORS. Animasi SMIL dan animasi berbasis JavaScript dirender sebagai frame awal saja.