Eksport yang baik bermula dari tempat imej itu akan digunakan. Panduan ini menerangkan cara memilih skala, menyediakan SVG anda, dan menyemak PNG sebelum menggunakannya.
1. Mulakan dengan destinasi
Sebelum menukar, semak dimensi piksel yang diminta oleh tapak web, dokumen, sistem e-mel atau aplikasi reka bentuk yang akan menerima imej tersebut. Alat ini menskalakan dimensi render SVG dengan pengganda yang dipilih; ia tidak menyediakan medan lebar dan tinggi tersuai. Jika platform meminta lebar 1200 piksel, bandingkan sasaran itu dengan lebar SVG yang dipaparkan dan pilih pengganda yang hampir tanpa menghasilkan fail yang terlalu besar.
2. Fahami faktor skala
Pilihannya ialah 1x, 2x, 3x, 4x, dan 8x. Pengganda menjejaskan kedua-dua lebar dan tinggi: sumber 200 × 100 yang dirender pada 2x menjadi 400 × 200 piksel. Bilangan piksel bertambah mengikut kuasa dua pengganda, jadi 8x menghasilkan 64 kali ganda lebih banyak piksel daripada 1x. Output yang lebih besar boleh menggunakan lebih banyak memori dan mungkin kelihatan tidak lebih baik apabila karya seni asal atau paparan sasaran tidak memerlukannya.
3. Pilih faktor untuk skrin
Untuk grafik antara muka standard, 1x atau 2x selalunya merupakan titik permulaan yang praktikal; 2x boleh membantu pada paparan ketumpatan tinggi apabila susun atur sasaran mengecilkan imej. Pilih 3x atau 4x hanya apabila reka bentuk memerlukan dimensi piksel tambahan. Gunakan 8x secara selektif kerana kanvas yang sangat besar boleh mengambil masa yang lebih lama untuk dirender atau melebihi had pelayar.
4. Tentukan sama ada latar belakang harus telus
Pilih Telus apabila PNG mesti diletakkan di atas halaman berwarna, pembentangan atau imej lain. Pilih Putih apabila destinasi menjangkakan segi empat tepat putih atau apabila latar belakang legap memudahkan pemeriksaan karya seni. PNG menyokong ketelusan, tetapi aplikasi sasaran mungkin memaparkan piksel telus di atas corak papan dam atau meratakannya apabila anda memasukkan imej.
5. Sediakan SVG sebelum eksport
Buka sumber dalam editor vektor dan semak sama ada ia mempunyai viewBox yang munasabah dan karya seni yang kelihatan di dalam viewBox itu. Tukar atau benamkan fon jika reka bentuk mesti kelihatan seiras pada peranti tanpa fon tersebut. Pastikan imej pautan dan sumber luaran boleh diakses; penukar pelayar ini mungkin tidak merender fon jauh, imej pautan, skrip atau pergantungan luaran lain daripada fail SVG.
6. Tukar dan semak pratonton
Pilih satu fail SVG, pilih skala dan latar belakang, kemudian tukarkannya. Semak bahawa keseluruhan lukisan kelihatan, teks dan garisan halus kekal boleh dibaca, dan pratonton mempunyai latar belakang yang dijangkakan. Jika hasilnya dipotong, semak viewBox SVG dan dimensi dalam fail asal. Penukar memproses satu fail pada satu masa dan menawarkan muat turun PNG untuk fail tersebut.
7. Semak piksel dan saiz fail
Gunakan PNG dalam konteks yang dimaksudkan dan semaknya pada saiz ia akan kelihatan. Dimensi piksel yang besar tidak secara automatik menambah baik ikon kecil pada skrin. Jika PNG terlalu besar, kembali ke SVG dan eksport pada faktor yang lebih rendah. Jika ia kelihatan kabur, sahkan bahawa destinasi tidak membesarkan imej raster kecil selepas penukaran.
8. Simpan sumber yang boleh diedit
Simpan SVG asal di sebelah PNG. SVG mengekalkan laluan vektor dan biasanya lebih baik untuk pengeditan kemudian, pewarnaan semula dan mengubah saiz. PNG ialah salinan saiz tetap yang mudah untuk destinasi yang memerlukan imej raster. Mengekalkan kedua-duanya membolehkan anda mencipta PNG lain pada saiz yang berbeza tanpa menskalakan semula imej yang telah diraster secara berulang.