Penukar Percuma
SVG ke PNG Penukar
Tukar fail SVG Vektor kepada imej Raster PNG berkualiti tinggi. Sesuaikan skala output dan warna latar belakang dengan mudah dalam penyemak imbas anda.
Seret & Lepaskan SVG di sini
Menyokong sehingga 50MB
Ataupun
Tukar fail SVG Vektor kepada imej Raster PNG berkualiti tinggi. Sesuaikan skala output dan warna latar belakang dengan mudah dalam penyemak imbas anda.
Menyokong sehingga 50MB
SVG (Grafik Vektor Boleh Skala) menerangkan imej sebagai satu set primitif geometri — laluan, bentuk, teks, kecerunan — skala itu kepada sebarang saiz tanpa kehilangan kualiti. PNG menyimpan satu grid piksel segi empat tepat pada resolusi tetap. Menukar SVG kepada PNG ialah langkah rasterisasi: arahan lukisan SVG dinilai pada saiz piksel yang dipilih dan peta bit yang terhasil dikodkan sebagai PNG. Output kelihatan jelas pada saiz yang anda tentukan tetapi pixelates jika ditingkatkan.
Penukar ini menjadikan SVG menggunakan enjin SVG terbina dalam penyemak imbas. SVG dimuatkan ke dalam elemen Imej, dilukis pada kanvas HTML5 pada dimensi output yang dipilih dan dieksport sebagai PNG melalui canvas.toBlob. Oleh kerana penyemak imbas melakukan rasterisasi, ciri SVG yang kompleks — kecerunan, penapis, topeng, animasi sebagai bingkai statik — menghasilkan cara yang sama seperti pada halaman web sebenar.
Keputusan paling penting dalam penukaran SVG-ke-PNG ialah saiz sasaran. SVG adalah bebas resolusi, jadi memilih saiz PNG yang sepadan dengan penggunaan sebenar mengelakkan peruntukan berlebihan (fail besar untuk ikon bersaiz lakaran kenit) dan kurang peruntukan (output kabur apabila ditingkatkan kemudian). Sasaran biasa: 32×32 atau 64×64 untuk ikon, 256×256 atau 512×512 untuk logo, 1024×1024 untuk grafik wira, 2048×2048 untuk aset kualiti retina.
SVG sangat bagus untuk web dan alat reka bentuk moden tetapi mengerikan untuk banyak konteks lain. Pelanggan e-mel membuat SVG secara tidak konsisten; ada yang menyekatnya sebagai risiko keselamatan. Perisian pejabat lama, CMS tertentu, perkhidmatan pihak ketiga dan hampir semua saluran paip cetakan foto tidak menerima SVG sama sekali. Menukar kepada PNG menghasilkan raster yang diterima secara universal yang kelihatan sama pada saiz yang dipilih.
PNG juga membenamkan dengan pasti ke dalam dokumen pejabat, dek slaid dan PDF tanpa bergantung pada pemapar SVG penerima. Untuk logo dan grafik yang perlu dipaparkan secara konsisten merentas banyak platform, PNG ialah pilihan yang lebih selamat — walaupun ia kehilangan kebebasan resolusi yang menjadikan SVG menarik pada mulanya.
Pilih saiz sasaran anda, render. Penyemak imbas melakukan rasterisasi.
SVG (W3C Recommendation) ialah format vektor berasaskan XML dengan elemen untuk laluan, bentuk asas (tegak, bulatan, elips, garis, poligon, poligaris), teks, kecerunan (linearGradient, radialGradient), penapis, topeng dan laluan klip. Penyemak imbas menghuraikan XML, membina DOM, menggunakan CSS dan meraster hasil semasa pemaparan halaman.
Penukar ini memuatkan SVG ke dalam HTMLImageElement (yang mencetuskan laluan pemaparan SVG-sebagai-imej biasa penyemak imbas), kemudian menariknya ke kanvas melalui drawImage. Kanvas dieksport sebagai PNG menggunakan canvas.toBlob('image/png'). Piksel tepat dalam output sepadan dengan apa yang akan dipaparkan oleh SVG pada saiz yang sama dalam tab penyemak imbas.
Kes tepi: SVG menggunakan foreignObject tidak sentiasa disokong apabila digunakan melalui elemen Imej. SVG merujuk sumber luaran (xlink:href ke domain lain) mungkin gagal dimuatkan kerana CORS. Animasi SMIL dan animasi dipacu JavaScript dipaparkan sebagai bingkai awal sahaja.