Penukar SVG ke PNG: Rasterisasi Grafik Vektor pada Saiz Sesuai

Terakhir dikemaskini: June 28, 2026

SVG dan PNG adalah jenis imej yang secara asasnya berbeza. SVG ialah format vektor — ia menyimpan bentuk sebagai matematik, jadi ia boleh diskalakan ke sebarang saiz tanpa kehilangan ketajaman. PNG pula ialah format raster — ia menyimpan grid piksel tetap, jadi ia mempunyai satu resolusi asli dan menjadi kabur apabila diperbesarkan. Menukar SVG kepada PNG bermakna memilih saiz piksel, kerana setelah di-rasterize, kemampuan skala itu hilang. Panduan ini merangkumi cara memilih resolusi yang betul, bila anda benar-benar perlu menukar, dan cara mengeksport PNG yang tajam dari SVG.

Jawapan pantas: bagaimana anda menukar SVG kepada PNG?

Buka SVG dalam penukar atau alat reka bentuk, tetapkan dimensi piksel sasaran (ambil kira retina jika perlu — eksport pada 2x saiz paparan), dan eksport sebagai PNG. Pilih saiz yang cukup besar untuk setiap tempat PNG akan digunakan, kerana anda tidak boleh memperbesarkan PNG kemudian tanpa kehilangan kualiti. Gunakan SVG to PNG converter untuk eksport tunggal yang pantas, atau alat reka bentuk untuk kerja kelompok (batch work). Simpan SVG asal, kerana ia kekal sebagai sumber yang boleh diskala jika anda memerlukan saiz yang berbeza pada masa hadapan.

Apakah perbezaan antara SVG dan PNG?

Perbezaan vektor lawan raster menerangkan segala-galanya tentang mengapa dan bila perlu menukar.

• SVG kekal tajam pada sebarang resolusi — logo kelihatan jelas pada 16px dan 1600px dari satu fail.
• PNG terikat kepada dimensi pikselnya — eksport terlalu kecil dan ia tidak dapat diperbesarkan dengan bersih.
• SVG tidak boleh mewakili fotografi; PNG boleh, itulah sebab foto tidak pernah menjadi SVG.

Bila anda patut menukar SVG ke PNG?

SVG adalah format yang lebih baik apabila persekitarannya menyokongnya, jadi penukaran adalah pilihan sandaran untuk kes di mana SVG tidak berfungsi. Tukar apabila anda mesti, kekalkan SVG jika tidak.

• Persekitaran tidak disokong — sesetengah klien e-mel dan alat lama tidak memaparkan SVG.
• Keperluan raster tertanam — sistem yang hanya menerima PNG atau JPG.
• Kandungan fotografi bercampur — walaupun dalam kes itu sumber seharusnya bukan SVG.
• Caching dan prestasi — PNG pra-render boleh lebih pantas untuk disajikan daripada menganalisis SVG pada setiap muat.

Untuk laman web, SVG biasanya lebih disukai kerana ia kekal tajam pada skrin retina dan memuat turun kecil. Panduan paparan retina menerangkan mengapa grafik vektor menghapuskan masalah resolusi sepenuhnya untuk logo dan ikon.

Bagaimana anda memilih resolusi yang betul?

Keputusan resolusi adalah kekal, jadi ia penting. Eksport PNG pada saiz terbesar ia akan dipaparkan, didarabkan dengan nisbah piksel peranti untuk ketajaman retina.

• Jika PNG akan digunakan pada pelbagai saiz, eksport pada yang terbesar dan biarkan CSS mengskalakannya ke bawah.
• Untuk ketajaman retina, eksport pada 2x (atau 3x untuk telefon) dimensi paparan.
• Eksport terlalu kecil adalah kesilapan biasa yang tidak dapat dipulihkan.

Matematiknya mudah: tentukan lebar paparan terbesar, gandakan untuk retina, dan eksport pada lebar piksel itu. Panduan paparan retina merangkumi aliran kerja 2x dan 3x secara terperinci.

Bagaimana anda menukar SVG kepada PNG?

Beberapa kaedah berfungsi, bergantung pada jumlah dan keperluan kawalan.

1. Penukar dalam talian — muat naik SVG, tetapkan dimensi, muat turun PNG. Pantas untuk penggunaan sekali-sekala.
2. Alat reka bentuk (Figma, Illustrator, Inkscape) — buka SVG, eksport pada saiz yang dipilih. Kawalan terbaik.
3. Baris arahan (rsvg-convert, ImageMagick) — boleh di-skrip untuk pemprosesan kelompok.
4. Pelayar — buka SVG, ambil tangkapan skrin pada saiz sasaran.

Untuk kerja kelompok, baris arahan menang kerana ia menggunakan tetapan yang sama untuk setiap fail. Untuk logo penting tunggal, alat reka bentuk memberikan kawalan paling banyak ke atas pilihan eksport.

Penukaran kelompok untuk set ikon

Menukar folder ikon SVG kepada PNG adalah perkara biasa apabila menghantar aplikasi atau sistem reka bentuk — anda memerlukan setiap ikon pada beberapa saiz, dan melakukannya secara manual tidak boleh diskala. Pendekatan kelompok menggunakan tetapan eksport yang sama pada setiap fail dalam set tersebut.

1. Susun SVG ke dalam satu folder, dengan nama yang konsisten.
2. Tentukan saiz eksport (cth. 16, 32, 64 untuk set ikon).
3. Jalankan rasterizer kelompok yang mengeksport setiap SVG pada setiap saiz.
4. Sahkan beberapa keluaran untuk ketajaman dan ketelusan.

Kelebihan merasterize kelompok adalah konsistensi — setiap ikon dieksport pada tetapan yang sama, jadi set itu kelihatan seragam. Panduan pemprosesan kelompok merangkumi aliran kerja yang lebih luas untuk menggunakan operasi merentasi folder imej, dan setelah di-rasterize, PNG boleh dimampatkan bersama-sama untuk meminimumkan saiz yang disajikan.

Kesilapan penukaran biasa

• Eksport terlalu kecil — PNG tidak dapat diperbesarkan kemudian. Eksport pada 2x saiz paparan.
• Kehilangan SVG asal — sentiasa simpan; ia adalah sumber boleh skala untuk saiz masa depan.
• Menukar apabila SVG berfungsi — banyak persekitaran moden menyokong SVG secara langsung.
• Lupa ketelusan — PNG menyokong alpha; pastikan eksport mengekalkannya jika perlu.
• Mencampur vektor dan raster — jika sumber mempunyai foto tertanam, hasilnya adalah hibrid yang kehilangan kelebihan SVG.

Bila patut kekalkan SVG pula

Tetapan lalai yang paling kuat ialah menyimpan SVG dan hanya menukar apabila dipaksa. SVG menyediakan satu fail yang tajam pada setiap skrin, memuat turun kecil, dan kekal boleh disunting. PNG masuk akal apabila persekitaran menolak SVG, apabila anda memerlukan raster tetap untuk keperluan sistem, atau apabila prestasi menuntut fail pra-render yang boleh di-cache oleh pelayar tanpa menganalisis.

Menukar atas kemudahan berbanding keperluan hanya membuang kebolehsakalaan yang menjadikan SVG pilihan yang tepat pada mulanya. Untuk spesifikasi teknikal, standard SVG W3C menentukan apa yang boleh diekspresikan oleh SVG, dan spesifikasi PNG mendokumentasikan format raster yang ditukarnya. Padankan format dengan kekangan — dan apabila tiada kekangan memaksa PNG, biarkan SVG melakukan tugasnya.

Soalan lazim

Apakah perbezaan antara SVG dan PNG?

SVG ialah format vektor (bentuk diterangkan secara matematik, bebas resolusi); PNG adalah raster (grid piksel). SVG boleh skala tanpa kehilangan ketajaman; PNG ditetapkan pada dimensi pikselnya. Tukar SVG kepada PNG apabila anda memerlukan imej raster tetap.

Bila saya patut menukar SVG ke PNG?

Apabila sasaran tidak menyokong SVG (sesetengah klien e-mel, perisian lama), apabila anda memerlukan raster saiz tetap, atau apabila SVG mempunyai kesan kompleks yang dipaparkan secara tidak konsisten. Untuk web, sajikan SVG secara langsung di mana disokong.

Bagaimana saya memilih resolusi yang betul?

Padankan saiz paparan pada 1x atau 2x (untuk retina). Oleh kerana SVG bebas resolusi, anda merasterizkannya pada sebarang saiz piksel yang diperlukan — render pada 2x saiz paparan untuk ketajaman pada skrin retina.

Bolehkah saya menukar kelompok SVG ke PNG?

Ya — ImageMagick (magick mogrify), rsvg-convert, atau pelayar tanpa kepala (headless browser) mengendalikan folder SVG. Untuk set ikon, skrip merender setiap SVG pada setiap saiz yang anda perlukan dalam satu laluan. Lihat SVG to PNG guide.

Adakah SVG menyokong ketelusan?

Ya — SVG adalah vektor dan menyokong ketelusan secara asli, jadi SVG dengan kawasan lutsinar merasteriz kepada PNG yang lutsinar. Ini adalah salah satu sebab mengapa SVG sesuai untuk logo dan ikon. JPEG tidak akan mengekalkan ketelusan.

Adakah menukar SVG ke PNG kehilangan kualiti?

Tidak — anda merasterisasi vektor pada resolusi apa pun yang anda pilih, jadi PNG sama tajam dengan saiz yang anda render. Kehilangan kualiti hanya akan datang daripada rendering pada resolusi yang terlalu rendah. Render pada 2x saiz paparan untuk ketajaman pada skrin retina, dan PNG tidak dapat dibezakan daripada raster asli pada saiz itu.

Bolehkah saya menukar SVG ke PNG pada sebarang saiz?

Ya — kerana SVG adalah vektor dan bebas resolusi, anda merasterizkannya pada sebarang saiz piksel yang diperlukan, dari ikon 16px hingga sepanduk 4000px, tanpa kehilangan kualiti. Itu adalah kelebihan utama berbanding format raster. Render pada 2x saiz paparan untuk ketajaman pada skrin retina. SVG itu sendiri tidak pernah kehilangan ketajaman; hanya PNG yang di-rasterize sahaja yang ditetapkan pada saiz eksportnya.