Penukar SVG ke Imej

Ya. SVG adalah format vektor, bermakna bentuk-bentuk ditentukan oleh laluan matematik dan bukannya piksel. Apabila anda merendernya ke format raster seperti PNG, alat ini melukis SVG pada dimensi piksel tepat yang anda nyatakan. Selagi anda merender pada saiz yang sama dengan atau lebih besar daripada di mana anda merancang untuk menggunakan imej tersebut, kualitinya adalah sempurna. Gunakan tetapan Scale untuk merender pada 2x atau 3x untuk skrin retina/high-DPI tanpa sebarang kemerosotan yang kelihatan.

Scale mendarabkan dimensi output. Jika SVG anda mempunyai viewBox 100x100 piksel dan anda menetapkan Scale kepada 2, output PNG akan menjadi 200x200 piksel. Inilah cara anda menjana imej kualiti retina: skala 2x bermakinya setiap piksel logik menjadi 4 piksel fizikal pada paparan Retina, memastikan imej kekal tajam. Untuk kebanyakan kegunaan web, 2x adalah ideal. Gunakan 3x hanya apabila anda memerlukan imej yang sangat besar atau hasil sedia untuk dicetak.

Anda boleh menggunakan latar belakang telus (hanya PNG dan WebP) atau memilih warna latar belakang pepejal menggunakan pemilih warna. Latar belakang telus mengekalkan sebarang kawasan telus dalam SVG anda dan adalah ideal untuk ikon, logo, dan ilustrasi yang perlu diletakkan di atas kandungan lain. JPG tidak menyokong ketelusan — jika anda menukar ke JPG dengan SVG yang telus, kawasan telus akan menjadi putih secara lalai.

Ya. Medan Width dan Height membolehkan anda menetapkan dimensi piksel tepat. Secara lalai, Auto menggunakan dimensi semula jadi SVG daripada atribut viewBox. Menetapkan dimensi tersuai akan meregangkan atau mengecilkan SVG untuk memenuhi saiz yang dinyatakan. Jika anda menetapkan hanya lebar atau hanya tinggi, dimensi lain akan berubah secara berkadar untuk mengekalkan nisbah aspek. Ini berguna untuk menghasilkan thumbnail, saiz media sosial tertentu, atau set ikon dalam pelbagai resolusi daripada satu sumber SVG.

Teks yang dirender dengan fon sistem standard (Arial, Helvetica, Times New Roman, monospace) akan ditukar dengan betul. Teks menggunakan fon tersuai yang dirujuk dengan @font-face atau URL Google Fonts mungkin tidak dipaparkan dengan betul jika fon tersebut tidak dipasang pada sistem anda — pelayar akan menggantikannya dengan fon yang paling hampir yang tersedia. Untuk mengelakkan isu penggantian fon, tukar teks kepada laluan/garisan dalam alat reka bentuk anda (Illustrator: Type > Create Outlines, Inkscape: Path > Object to Path) sebelum menukar.

Ya. Tukar ke tab SVG Code dan tampal markup SVG anda terus ke dalam editor. Ini berguna apabila SVG tertanam dalam fail HTML, dihasilkan oleh perpustakaan, atau datang daripada ciri "Copy SVG" alat reka bentuk. Klik Convert selepas menampal dan alat ini akan merendernya dengan cara yang sama seperti fail yang dimuat naik.

Tidak. Semua penukaran berlaku secara tempatan di dalam pelayar anda menggunakan HTML5 Canvas API. Prosesnya: SVG anda dilukis pada elemen canvas pada dimensi yang dinyatakan, kemudian dieksport ke imej menggunakan kaedah canvas toDataURL atau toBlob. Tiada data meninggalkan peranti anda pada bila-bila masa. Anda boleh menukar logo hak milik, rajah sulit, atau sebarang karya seni vektor sensitif dengan selamat.