Eksport SVG dari Illustrator

SVG memainkan peranan penting dalam web masa kini. Mereka tidak hanya memindahkan font ikon, tetapi juga menawarkan kemungkinan manipulasi melalui CSS atau JavaScript. Sekiranya anda ingin menyimpan grafik vektor untuk web dari Adobe Illustrator sebagai SVG, anda harus membuat beberapa tetapan untuk mengelakkan perangkap dan mengurangkan masa muat, yang akan saya paparkan dalam artikel berikut.


Fungsi eksport umum boleh didapati di bawah " File> Export> Export as ... ". Akhirnya, pilih " SVG (* .SVG) " sebagai jenis fail. Sekiranya anda tidak mahu memotong kawasan lutsinar dan mengambil kira kawasan lukisan, periksa " Gunakan kawasan lukisan ", jika tidak. Dalam dialog berikut, anda memilih pilihan berikut:

Sekiranya anda tidak berpuas hati dengan tahap perincian jalan dalam hasilnya, anda secara beransur-ansur meningkatkan tempat perpuluhan menjadi 3 atau 4.

Ia menjadi menarik apabila anda telah memasukkan topeng guntingan dalam fail vektor. Ini juga dapat dihilangkan (ini membawa kepada ukuran fail yang lebih kecil lagi dan peningkatan keserasian ketika menggunakan alat pencetakan seperti dompdf ).

Terdapat dua cara yang diketahui dalam Illustrator: Pertama, tandakan semua objek dengan CTRL + A dan pilih " Objek> Kurangkan Ketelusan ... ". Kemudian anda membuang topeng kliping yang ada melalui " Object> Clipping Mask> Convert Back ". Sekiranya tidak berjaya, lakukan yang berikut dan bukannya dua langkah terakhir: Pertama pilih " Objek> Tukar ...> OK " dan kemudian pilih pilihan " Hapus kawasan tumpang tindih " dalam dialog Pathfinder.:

SVG akhir kemudian dapat dioptimumkan dengan alat seperti svgo (pada baris perintah atau di GUI web ).

Belakang