SVGtoPNG
Live

Penukar SVG ke PNG Profesional

Tukar SVG ke PNG secara serta-merta dan percuma. Nikmati privasi 100%: fail anda diproses secara tempatan dan tidak pernah meninggalkan peranti anda. Tingkatkan rekaan anda ke tahap seterusnya dengan lima pengganda penukaran tersuai kami (1x, 2x, 3x, 4x, dan 8x), yang direka untuk meluaskan, mengoptimumkan, dan meningkatkan kejelasan setiap imej mengikut keperluan tepat anda.

Seret & lepas fail SVG anda di sini atau semak

Menyokong kod SVG vektor tulen (Scalable Vector Graphics)

Panduan Praktikal Penukaran SVG kepada PNG

Eksport yang baik bermula dari tempat imej itu akan digunakan. Panduan ini menerangkan cara memilih skala, menyediakan SVG anda, dan menyemak PNG sebelum menggunakannya.

1. Mulakan dengan destinasi

Sebelum menukar, semak dimensi piksel yang diminta oleh tapak web, dokumen, sistem e-mel atau aplikasi reka bentuk yang akan menerima imej tersebut. Alat ini menskalakan dimensi render SVG dengan pengganda yang dipilih; ia tidak menyediakan medan lebar dan tinggi tersuai. Jika platform meminta lebar 1200 piksel, bandingkan sasaran itu dengan lebar SVG yang dipaparkan dan pilih pengganda yang hampir tanpa menghasilkan fail yang terlalu besar.

2. Fahami faktor skala

Pilihannya ialah 1x, 2x, 3x, 4x, dan 8x. Pengganda menjejaskan kedua-dua lebar dan tinggi: sumber 200 × 100 yang dirender pada 2x menjadi 400 × 200 piksel. Bilangan piksel bertambah mengikut kuasa dua pengganda, jadi 8x menghasilkan 64 kali ganda lebih banyak piksel daripada 1x. Output yang lebih besar boleh menggunakan lebih banyak memori dan mungkin kelihatan tidak lebih baik apabila karya seni asal atau paparan sasaran tidak memerlukannya.

3. Pilih faktor untuk skrin

Untuk grafik antara muka standard, 1x atau 2x selalunya merupakan titik permulaan yang praktikal; 2x boleh membantu pada paparan ketumpatan tinggi apabila susun atur sasaran mengecilkan imej. Pilih 3x atau 4x hanya apabila reka bentuk memerlukan dimensi piksel tambahan. Gunakan 8x secara selektif kerana kanvas yang sangat besar boleh mengambil masa yang lebih lama untuk dirender atau melebihi had pelayar.

4. Tentukan sama ada latar belakang harus telus

Pilih Telus apabila PNG mesti diletakkan di atas halaman berwarna, pembentangan atau imej lain. Pilih Putih apabila destinasi menjangkakan segi empat tepat putih atau apabila latar belakang legap memudahkan pemeriksaan karya seni. PNG menyokong ketelusan, tetapi aplikasi sasaran mungkin memaparkan piksel telus di atas corak papan dam atau meratakannya apabila anda memasukkan imej.

5. Sediakan SVG sebelum eksport

Buka sumber dalam editor vektor dan semak sama ada ia mempunyai viewBox yang munasabah dan karya seni yang kelihatan di dalam viewBox itu. Tukar atau benamkan fon jika reka bentuk mesti kelihatan seiras pada peranti tanpa fon tersebut. Pastikan imej pautan dan sumber luaran boleh diakses; penukar pelayar ini mungkin tidak merender fon jauh, imej pautan, skrip atau pergantungan luaran lain daripada fail SVG.

6. Tukar dan semak pratonton

Pilih satu fail SVG, pilih skala dan latar belakang, kemudian tukarkannya. Semak bahawa keseluruhan lukisan kelihatan, teks dan garisan halus kekal boleh dibaca, dan pratonton mempunyai latar belakang yang dijangkakan. Jika hasilnya dipotong, semak viewBox SVG dan dimensi dalam fail asal. Penukar memproses satu fail pada satu masa dan menawarkan muat turun PNG untuk fail tersebut.

7. Semak piksel dan saiz fail

Gunakan PNG dalam konteks yang dimaksudkan dan semaknya pada saiz ia akan kelihatan. Dimensi piksel yang besar tidak secara automatik menambah baik ikon kecil pada skrin. Jika PNG terlalu besar, kembali ke SVG dan eksport pada faktor yang lebih rendah. Jika ia kelihatan kabur, sahkan bahawa destinasi tidak membesarkan imej raster kecil selepas penukaran.

8. Simpan sumber yang boleh diedit

Simpan SVG asal di sebelah PNG. SVG mengekalkan laluan vektor dan biasanya lebih baik untuk pengeditan kemudian, pewarnaan semula dan mengubah saiz. PNG ialah salinan saiz tetap yang mudah untuk destinasi yang memerlukan imej raster. Mengekalkan kedua-duanya membolehkan anda mencipta PNG lain pada saiz yang berbeza tanpa menskalakan semula imej yang telah diraster secara berulang.

Bilakah Anda Perlu Menukar SVG kepada PNG?

Penukaran berguna apabila destinasi memerlukan piksel dan bukannya vektor. Kekalkan SVG apabila destinasi menyokongnya dan anda memerlukan karya seni boleh skala dan boleh diedit.

Perkhidmatan menerima PNG tetapi menolak SVG

Sesetengah borang muat naik, sistem kandungan dan alat imej profil hanya menerima format raster biasa. PNG memberikan perkhidmatan tersebut imej saiz tetap sambil mengekalkan tepi yang bersih apabila dieksport pada dimensi yang sesuai.

E-mel atau dokumen pejabat merender SVG secara tidak konsisten

Pelanggan e-mel dan aplikasi pejabat tidak kesemuanya mengendalikan SVG terbenam dengan cara yang sama. PNG boleh menjadikan logo atau rajah lebih boleh dijangka dalam konteks tersebut. Kekalkan SVG asal supaya anda boleh mengemas kini karya seni kemudian.

Anda memerlukan syot kilat pada skala piksel tertentu

PNG berguna apabila penyerahan memerlukan aset raster yang diketahui. Pilih skala berdasarkan saiz render SVG dan spesifikasi penerimaan, kemudian sahkan dimensi terhasil dalam pelihat imej.

Aliran kerja memerlukan muat naik raster

Sesetengah borang, editor lama dan saluran paip pemprosesan imej menerima PNG tetapi bukan fail vektor. Tukar salinan untuk aliran kerja tersebut; jangan gantikan vektor sumber jika pengeditan masa depan mungkin berlaku.

Anda memerlukan ketelusan dalam grafik raster

PNG boleh mengekalkan piksel telus, yang membantu apabila meletakkan logo atau ikon pada latar belakang yang berbeza. Pilih opsyen telus dan sahkan bahawa destinasi mengekalkan ketelusan alfa.

Anda sedang menyediakan aset cetakan

Tukar hanya selepas menyemak dimensi piksel atau peleraian yang diperlukan oleh pencetak. Alat ini menawarkan pengganda skala dan bukannya kawalan DPI, dan PNG yang lebih besar tidak boleh memulihkan butiran yang tiada daripada SVG atau menjadikan sumber peleraian rendah lebih tepat.

Asas Teknikal: Apa yang Berlaku Semasa Penukaran

Mengetahui cara geometri vektor menjadi imej piksel membantu menerangkan saiz output, ketelusan, keserasian dan perbezaan paparan biasa.

SVG menerangkan bentuk; PNG menyimpan piksel

SVG ialah format vektor berasaskan XML yang menerangkan laluan, bentuk, teks dan arahan lukisan lain. PNG menyimpan grid piksel segi empat tepat. Merasterisasi SVG bermaksud melukis arahan vektor tersebut ke dalam grid piksel pada saiz yang dipilih; selepas eksport, membesarkan PNG boleh mendedahkan piksel yang tidak kelihatan dalam sumber vektor.

Viewbox dan viewport menentukan kawasan lukisan

ViewBox SVG memetakan sistem koordinat ke dalam viewport yang dipaparkan. Jika viewBox tiada, tidak betul atau lebih besar daripada karya seni, imej mungkin mempunyai ruang putih atau keratan yang tidak dijangka. Semak dimensi SVG dan viewBox dalam editor sumber apabila pembingkaian pratonton salah.

Skala mendarabkan setiap dimensi

Jika pelayar merender sumber pada W dengan H piksel dan faktor yang dipilih ialah S, sasaran kanvas ialah W × S dengan H × S. Bilangan piksel terhasil ialah W × H × S². Inilah sebabnya mengapa pengganda yang tinggi boleh menggunakan memori dengan lebih banyak dan mengapa 8x harus dipilih hanya apabila destinasi memerlukan piksel tambahan.

Render kanvas dilakukan oleh pelayar

Halaman membaca fail SVG yang dipilih dalam pelayar, mencipta imej daripada kandungannya, melukis imej tersebut pada kanvas HTML, dan mengeksport kanvas sebagai PNG. Kelakuan render dan dimensi kanvas maksimum berbeza di kalangan pelayar dan peranti. Fail SVG yang sangat besar atau kompleks mungkin mengambil masa yang lebih lama atau gagal untuk dirender.

Ketelusan disimpan dalam saluran alfa PNG

Apabila Telus dipilih, kanvas dikosongkan sebelum melukis. PNG output boleh mengekalkan ketelusan setiap piksel melalui saluran alfasnya. Apabila Putih dipilih, penukar mengecat segi empat tepat putih terlebih dahulu, jadi kawasan telus dalam sumber menjadi putih dalam imej yang dieksport.

Pemampatan PNG adalah tanpa kehilangan, tetapi output mungkin masih berbeza

PNG menggunakan pemampatan tanpa kehilangan untuk piksel yang diterimanya; ia tidak bermaksud render vektor ke piksel adalah seiras dalam setiap persekitaran. Anti-aliasing, pengurusan warna, fon, penapis dan render pelayar boleh menjejaskan piksel yang dihasilkan semasa rasterisasi.

Fon, penapis dan aset pautan menjejaskan render

SVG mungkin merujuk kepada fon atau imej yang tidak dibenamkan dalam fail. Ia juga mungkin menggunakan penapis atau ciri yang dilaksanakan secara berbeza oleh pelayar. Untuk eksport yang boleh dipercayai, benamkan atau gariskan fon penting, sertakan imej yang diperlukan, dan bandingkan pratonton pelayar dengan sumber dalam editor vektor.

Had pelayar and keselamatan SVG adalah penting

Memori kanvas bertambah dengan bilangan piksel output, jadi pengganda yang besar boleh menghabiskan memori yang tersedia. Hanya tukar fail SVG yang anda percayai. Alat ini tidak memuat naik sumber yang dipilih ke pelayan penukaran, tetapi kenyataan itu tidak mengaudit SVG itu sendiri atau menjamin bahawa setiap rujukan luaran terbenam adalah lengai. Elakkan fail yang tidak dipercayai dan alih keluar skrip yang tidak perlu atau rujukan jauh dalam editor vektor sebelum penukaran.

Soalan Lazim Teknikal · 1–5

Adakah penukar ini menukar fail SVG?

Tidak. Ia membaca SVG yang dipilih dalam pelayar dan mencipta muat turun PNG yang berasingan. Fail asal anda kekal pada peranti anda; simpan ia sebagai item induk yang boleh diedit.

Bagaimanakah saya mengira dimensi output?

Darabkan lebar dan tinggi render pelayar dengan faktor yang dipilih. Contohnya, 240 × 120 pada 2x menjadi 480 × 240 piksel. Jika SVG mempunyai saiz yang luar biasa atau viewBox, sahkan pratonton dan semak dimensi PNG yang dimuat turun.

Adakah 8x sentiasa menghasilkan kualiti yang lebih baik?

Tidak. Ia menghasilkan lebih banyak piksel, bukan lebih banyak butiran vektor. Ia boleh membantu apabila raster yang lebih besar diperlukan, tetapi ia juga meningkatkan bilangan piksel kepada 64 kali ganda daripada 1x dan mungkin menggunakan lebih banyak memori. Pilih faktor terkecil yang memenuhi saiz destinasi sebenar.

Mengapa PNG mempunyai margin kosong atau karya seni dipotong?

ViewBox atau viewport SVG mungkin merangkumi ruang berlebihan atau memotong bahagian lukisan. Buka sumber dalam editor vektor, laraskan halaman atau viewBox agar muat dengan karya seni, simpan salinan, dan tukar salinan itu semula.

Mengapa teks saya kelihatan berbeza selepas penukaran?

Pelayar mungkin tidak mempunyai fon yang digunakan oleh SVG, atau fail mungkin merujuk kepada fon yang tidak dibenamkan. Benamkan fon atau tukar teks kepada laluan dalam editor vektor apabila anda dibenarkan untuk mengubah suai sumber, kemudian bandingkan hasilnya.

Soalan Lazim Teknikal · 6–10

Mengapa imej pautan atau penapis hilang?

SVG mungkin bergantung pada imej luaran, fon, penapis atau ciri yang tidak tersedia atau dikendalikan secara berbeza oleh pelayar. Benamkan imej dan fon yang diperlukan jika boleh, permudahkan kesan yang tidak disokong, dan uji SVG dalam pelayar sebelum penukaran.

Bolehkah saya menjadikan latar belakang telus?

Ya. Pilih Telus sebelum menukar. Alat mengosongkan kanvas sebelum melukis. Semak PNG yang dimuat turun dalam editor yang menunjukkan ketelusan; sesetengah pelihat memaparkan piksel telus di atas putih, yang boleh menyebabkannya kelihatan legap.

Bolehkah saya memasukkan lebar, tinggi atau DPI yang tepat?

Versi ini menawarkan pengganda 1x, 2x, 3x, 4x, dan 8x. Ia tidak menyediakan medan lebar dan tinggi bebas atau tetapan DPI. Jika anda memerlukan dimensi yang tepat, gunakan pengganda yang paling dekat dan kemudian saiz semula salinan dalam editor grafik.

Bolehkah saya menukar beberapa fail SVG sekaligus?

Antara muka semasa memilih dan menukar satu fail SVG setiap operasi. Tukar setiap fail secara berasingan dan semak outputnya sebelum beralih ke fail seterusnya; pemprosesan kelompok dan muat turun ZIP tidak ditawarkan di sini.

Fail yang manakah diterima?

Kawalan muat naik bertujuan untuk fail SVG. Jika fail ditolak atau gagal dirender, sahkan ia adalah SVG yang sah dan dibuka dalam pelayar atau editor vektor semasa. Alat ini bukan penukar format imej am.

Soalan Lazim Teknikal · 11–15

Adakah fail SVG saya dimuat naik ke pelayan anda?

Kod penukaran membaca fail yang dipilih dalam pelayar dan tidak menghantar fail sumber ke API penukaran. Ini tidak menjamin bahawa SVG tidak mengandungi pautan luaran; elakkan fail yang tidak dipercayai dan semak rujukan mereka sebelum membukanya.

Mengapa penukaran gagal untuk fail yang sangat besar?

Pelayar mesti memperuntukkan kanvas untuk setiap piksel output. Sumber yang besar digabungkan dengan pengganda yang tinggi boleh melebihi memori peranti atau had kanvas pelayar. Cuba faktor yang lebih rendah, permudahkan SVG, atau eksportnya dengan aplikasi grafik yang menyokong kanvas yang lebih besar.

Adakah PNG akan kelihatan tajam dalam cetakan?

Ia bergantung pada saiz cetakan fizikal dan peleraian yang diperlukan. Alat ini menskalakan dimensi piksel tetapi tidak menetapkan DPI cetakan. Tanya pencetak untuk dimensi piksel atau peleraian yang diperlukan, kemudian sahkan bahawa PNG yang dijana memenuhi keperluan tersebut.

Mengapa warna atau tepi berbeza antara pelayar?

Pelayar mungkin berbeza dalam ketersediaan fon, anti-aliasing, pengurusan warna dan sokongan untuk ciri SVG. Gunakan teks terbenam atau bergaris, ciri SVG standard, dan pelayar yang sama untuk eksport berulang apabila konsistensi penting.

Apakah yang perlu saya lakukan jika pratonton kosong?

Sahkan fail mengandungi karya seni yang kelihatan, mempunyai tanda SVG yang sah, dan menggunakan viewBox serta dimensi yang merangkumi lukisan. Alih keluar pergantungan luaran yang tidak disokong, uji fail dalam pelayar, kemudian cuba semula pada 1x sebelum meningkatkan skala.