CodeKitHub
Alat Imej

Tukar SVG ke PNG atau JPG Dalam Talian

Kemas kini terakhir:

Tukar fail vektor SVG kepada imej PNG atau JPG pada sebarang resolusi yang anda perlukan. Sesuai untuk platform yang menolak muat naik SVG — dokumen pejabat, media sosial, tandatangan e-mel, aliran kerja percetakan. Rendering berlaku secara tempatan dalam pelayar anda; fail anda kekal di peranti anda.

PNG keeps transparency; JPG fills it with white

    Apakah alat ini?

    SVG ialah format vektor — bentuk yang digambarkan oleh matematik, boleh diskalakan tanpa had, sesuai untuk logo dan ikon. Tetapi banyak tempat tidak menerimanya: dokumen Word, kebanyakan platform media sosial, klien e-mel dan pelbagai borang muat naik memerlukan imej piksel. Menukar (rasterisasi) merender vektor itu menjadi PNG atau JPG pada saiz tertentu.

    Oleh kerana vektor tidak mempunyai resolusi tetap, anda memilih lebar output — dan kerana sumbernya matematik, eksport 2048px sama tajamnya dengan eksport 256px. Output PNG mengekalkan latar belakang telus SVG; JPG mengisinya dengan warna putih.

    Kenapa guna alat ini?

    • Sebarang resolusi daripada satu sumber: favicon 256px hingga aset cetak 2048px, semua tajam sempurna setiap piksel.
    • Output PNG mengekalkan ketelusan — logo boleh diletakkan pada sebarang latar belakang.
    • Membetulkan penolakan muat naik "SVG tidak disokong" dalam beberapa saat.
    • Penukaran kelompok, pemprosesan tempatan, tiada muat naik.
    • Mengendalikan SVG tanpa lebar/tinggi eksplisit dengan membaca viewBox-nya.

    Cara menggunakannya

    1. Lepaskan fail .svg ke dalam kotak atau klik untuk memilih.
    2. Pilih lebar output — Auto menggunakan saiz yang ditetapkan sendiri oleh SVG.
    3. Pilih PNG (mengekalkan ketelusan) atau JPG (latar belakang putih).
    4. Muat turun setiap imej yang dirender; dimensi ditunjukkan bagi setiap fail.

    Contoh

    Input

    logo.svg — vektor 4 KB

    Hasil

    logo.png — 1024×1024, latar belakang telus, tajam pada setiap piksel

    Satu sumber vektor kecil menghasilkan raster yang tajam sempurna pada sebarang saiz yang anda minta.

    Kegunaan biasa

    • Menambah logo syarikat (biasanya diserahkan sebagai SVG oleh pereka) ke dalam dokumen Word atau PowerPoint yang tidak menyokong terbenam SVG.
    • Menjana ikon aplikasi atau favicon pada setiap saiz piksel yang diperlukan (16, 32, 180, 512px) daripada satu SVG induk.
    • Melampirkan ikon pada tandatangan e-mel, kerana kebanyakan klien e-mel hanya merender imej raster.
    • Memuat naik karya seni ke platform media sosial atau CMS yang menolak fail SVG sebagai langkah berjaga-jaga keselamatan muat naik.

    Kenapa sekatan muat naik SVG wujud pada asalnya

    Banyak platform khusus menyekat muat naik SVG atas sebab keselamatan, bukan kealpaan: kerana SVG berasaskan XML dan secara teknikal boleh membenamkan JavaScript, SVG yang berniat jahat boleh menjadi vektor untuk suntikan skrip jika platform merendernya tanpa penapisan. Merasterkan SVG kepada PNG atau JPG membuang segala-galanya selain data piksel, itulah salah satu sebab penukaran ini sering diperlukan dan bukan sekadar mudah — platform sasaran memang tidak boleh menerima format vektor dengan selamat, tidak kira sama ada SVG khusus anda tidak berbahaya.

    Bagaimana kebebasan resolusi ini sebenarnya berfungsi

    Fail SVG langsung tidak menyimpan piksel — ia menyimpan takrifan laluan matematik ("lukis garis dari titik ini ke titik itu", "isi lengkung ini dengan warna ini") dan viewBox yang menentukan ruang koordinat tempat laluan itu berada. Apabila anda merasterkannya, enjin rendering pelayar mengira semula setiap lengkung dan isian pada sebarang dimensi piksel yang anda minta, dari awal, setiap kali. Itu jauh berbeza dengan mengubah saiz imej raster sedia ada (JPG atau PNG), di mana membesarkan bermakna mencipta piksel yang tidak pernah wujud dan sudah pasti kelihatan kabur — SVG yang dirender pada 4000px sama tajamnya dengan yang dirender pada 100px, kerana kedua-duanya dikira semula dari matematik yang sama, bukan diregangkan daripada sumber yang lebih kecil.

    Soalan lazim

    Resolusi apa yang perlu saya eksport?

    Padankan dengan saiz terbesar yang akan dipaparkan, kemudian tambah sedikit: 512px meliputi kebanyakan kegunaan logo web, 1024px+ untuk paparan retina dan pembentangan, 2048px untuk cetakan. Berbeza dengan pembesaran foto, mengeksport besar daripada SVG tidak menjejaskan ketajaman langsung.

    Kenapa SVG saya dirender kosong atau rosak?

    Biasanya kerana rujukan luaran: SVG yang memaut kepada imej, fon atau CSS luaran tidak boleh dimuatkan dalam sandbox keselamatan pelayar. SVG dengan kandungan terbenam (inline) ditukar dengan baik. Teks juga mungkin beranjak jika ia menggunakan fon yang tiada pada sistem anda.

    Output PNG atau JPG — mana yang perlu saya pilih?

    PNG hampir selalunya: logo dan ikon memerlukan ketelusan dan tepi yang tajam, yang dikekalkan PNG dan dirosakkan JPG. Pilih JPG hanya apabila sasaran memerlukannya secara ketat atau SVG itu adalah ilustrasi seperti foto.

    Bolehkah saya tukar PNG kembali kepada SVG di sini?

    Tidak — itu tugas yang secara asasnya berbeza (menjejak piksel menjadi bentuk) yang paling baik pun menghasilkan anggaran. Alat ini menukar vektor → raster, yang tepat.

    Adakah SVG saya dimuat naik untuk penukaran?

    Tidak. Pelayar merender SVG pada kanvas tempatan dan mengekod PNG/JPG pada peranti anda. Tiada apa dihantar.

    Patutkah saya eksport SVG saya sebagai PNG atau JPG?

    Jika grafik itu mempunyai ketelusan — logo yang mesti diletakkan pada sebarang latar belakang — pilih PNG: JPG tidak mempunyai saluran alfa dan akan mengisi kawasan telus dengan warna pejal. PNG juga lebih baik untuk seni bertepi tajam seperti ikon dan gambar rajah. Pilih JPG hanya apabila SVG mengandungi kandungan fotografi atau bergradien tebal dan saiz fail lebih penting daripada tepi.

    Alat berkaitan