Cara menggunakannya
- Pilih fail .svg (sehingga 5 MB) atau tampal kod SVG ke dalam kotak.
- Pilih faktor skala, seperti 2× untuk skrin berketumpatan tinggi, atau masukkan lebar tepat dalam piksel.
- Kekalkan latar belakang lutsinar atau pilih warna.
- Semak pratonton dan muat turun PNG, atau WebP jika penyemak imbas anda menyokongnya.
Cara ia berfungsi
SVG ialah format vektor: bentuk diterangkan secara matematik, jadi ia boleh dilukis dengan tajam pada sebarang saiz. PNG ialah grid piksel, yang diperlukan oleh banyak aplikasi, dokumen, klien e-mel dan rangkaian sosial. Alat ini melukis SVG dengan enjin pemaparan penyemak imbas anda pada saiz yang anda pilih dan menyimpan piksel sebagai PNG.
Saiz permulaan diambil daripada atribut width dan height SVG. Unit mutlak ditukar kepada piksel (1 in = 96 px, 1 pt = 1.33 px). Jika hanya satu dimensi atau tiada diberikan, viewBox memberikan perkadaran dan saiz; tanpa kedua-duanya, penyemak imbas menggunakan 300 × 150. Nilai relatif seperti 100% tidak dapat diselesaikan untuk fail kendiri, jadi viewBox digunakan sebaliknya.
SVG dimuatkan sebagai imej, iaitu cara selamat untuk memaparkan fail yang tidak dipercayai: skrip tidak dilaksanakan dan sumber luaran seperti imej berpaut, fon web dan fail CSS tidak diambil. Teks yang bergantung pada fon yang tidak anda pasang akan dilukis dengan fon sandaran. XML diperiksa terlebih dahulu, jadi kesilapan taipan menunjukkan ralat yang jelas dan bukannya imej kosong.
Contoh
Ikon aplikasi daripada logo SVG
Logo dengan viewBox="0 0 64 64" yang dieksport pada lebar 1024 menghasilkan PNG 1024 × 1024 dengan sisi yang tajam, sedia untuk gedung aplikasi atau penjana favicon.
Imej Retina untuk laman web
Ilustrasi 400 × 300 pada 1× yang dieksport dengan skala 2 menghasilkan PNG 800 × 600 yang kekal tajam pada paparan berketumpatan tinggi.
Slaid atau dokumen
Mengeksport SVG carta pada skala 3 dengan latar belakang putih menghasilkan PNG yang boleh ditampal ke dalam perisian pembentangan yang tidak menerima SVG.
Soalan Lazim
Mengapa teks saya menggunakan fon yang salah?
Fon yang dipaut dari web tidak dimuatkan apabila SVG dilukis sebagai imej. Fon yang dipasang pada peranti anda digunakan jika sepadan. Untuk kepastian, tukar teks kepada garis luar dalam program reka bentuk anda atau benamkan fon dalam SVG sebagai data URL.
Mengapa imej yang dipautkan tidak kelihatan?
Imej yang dirujuk melalui URL di dalam SVG disekat atas sebab keselamatan apabila SVG dipaparkan sebagai imej. Imej terbenam (data: URLs) berfungsi.
Apakah saiz output maksimum?
Sehingga 16,384 px setiap sisi dan 50 megapiksel secara keseluruhan. Eksport SVG kompleks yang sangat besar boleh mengambil masa beberapa saat dan mungkin gagal pada telefon dengan memori terhad.
Adakah selamat untuk menukar SVG daripada sumber yang tidak diketahui?
Memaparkannya di sini adalah selamat: SVG yang dilukis sebagai imej tidak boleh menjalankan skrip atau memuatkan sumber luaran. PNG yang ditukar hanya mengandungi piksel.
Privasi
SVG anda dihuraikan dan dilukis oleh penyemak imbas anda. Ia tidak dimuat naik, disimpan atau disertakan dalam analitik.