Langkau ke kandungan

SVG → PNG

Penukar SVG ke PNG

Lepaskan fail vektor dan dapatkan PNG pada resolusi yang diperlukan tugasan. Pengasteran berlaku dalam tab ini, jadi kerja reka bentuk kekal antara anda dan mesin anda.

Lepaskan SVG di sini

atau

PNG mempunyai piksel tetap: membesarkannya kemudian menjadikannya lembut, manakala SVG kekal tajam pada apa jua saiz. Kawasan telus dikekalkan, bukan diisi.

Cara menukar SVG ke PNG

1

Muatkan vektor

Lepaskan fail .svg atau tampalnya. Fail yang tidak menyatakan lebar dan tinggi dalam tajuknya dirender dalam bidangan 1024 piksel.

2

Pilih saiz piksel

Tetapkan lebar atau tinggi yang anda perlukan — 256 untuk ikon aplikasi, 2400 untuk grafik cetakan — dan dimensi yang satu lagi mengikut nisbah aspek. Eksport tidak pernah dibesarkan melebihi saiz yang dinyatakan fail.

3

Eksport PNG

Simpan raster itu dan gunakannya di mana PNG dijangka: slaid, saluran paip favicon, README atau penyenaraian kedai yang tidak menerima vektor.

Menukar vektor menjadi piksel

SVG ialah XML: laluan, isian dan arahan teks yang diselesaikan perender pada apa jua zum, sebab itulah logo dan ikon dilukis sebagai vektor. PNG ialah grid piksel yang sudah siap, jadi pengasteran bermaksud menetapkan saiz grid terlebih dahulu — setiap lengkung disampelkan ke atasnya, dan resolusi yang anda pilih ialah resolusi yang anda kekalkan.

Lukisan itu dirender melalui enjin SVG pelayar sendiri, enjin yang sama yang memaparkannya pada halaman, jadi kecerunan, penapis dan bentuk terpangkas berkelakuan seperti di skrin, dan ketelusan terpelihara kerana PNG membawa saluran alfa. Kosnya ialah ketetapan: besarkan PNG kemudian dan tepinya menjadi lembut, manakala eksport segar daripada SVG pada saiz lebih besar kekal tajam. Simpan vektor sebagai fail induk.

Soalan SVG ke PNG

Bagaimana saya memilih resolusi PNG?

Fikirkan tempat terbesar ia akan muncul: 16–64 px untuk favicon, 256–512 px untuk ikon aplikasi, 1000 px atau lebih untuk cetakan. Tetapkan satu dimensi dan yang satu lagi mengikut nisbah; mengeksport semula pada saiz lain itu murah kerana sumbernya kekal tajam.

Apa yang saya hilang berbanding SVG?

Kebolehlenturan saiz dan kebolehsuntingan: PNG ialah grid tetap, jadi membesarkannya mengaburkannya, dan bentuknya bukan lagi teks yang boleh anda gayakan semula. Anggaplah eksport itu sebagai salinan penyampaian untuk satu saiz dan simpan .svg asal.

SVG saya tiada lebar dan tinggi. Apa yang berlaku?

Ia dirender ke dalam bidangan 1024 piksel, dan itu menjadi saiz intrinsiknya, jadi fail yang hanya mempunyai viewBox dianggap 1024 px lebar. Tetapkan saiz piksel yang jelas di sini, atau tambah lebar dan tinggi pada penanda, apabila anda memerlukan sesuatu yang tepat.

Adakah PNG mengekalkan ketelusan, dan adakah fail saya dimuat naik?

Ketelusan terpelihara, kerana PNG mempunyai saluran alfa sebenar — logo pada latar belakang lutsinar kekal lutsinar. Tiada apa yang dimuat naik juga: karya seni dirender dan dikodkan dalam tab ini, sehingga 64 MB setiap fail, dan halaman itu berfungsi luar talian sebaik dimuatkan.