SVG memainkan peran sentral dalam web saat ini. Mereka tidak hanya menggantikan font ikon, tetapi juga menawarkan kemungkinan manipulasi melalui CSS atau JavaScript. Jika Anda ingin menyimpan grafik vektor untuk web dari Adobe Illustrator sebagai SVG, Anda harus membuat beberapa pengaturan untuk menghindari jebakan dan mengurangi waktu pemuatan, yang akan saya sajikan pada artikel berikut.
Fungsi ekspor umum dapat ditemukan di bawah " File> Export> Export as ... ". Terakhir, pilih " SVG (* .SVG) " sebagai jenis file. Jika Anda tidak ingin memotong area transparan dan mempertimbangkan area gambar, centang " Gunakan area gambar ", jika tidak, jangan. Pada dialog berikut, Anda memilih opsi berikut:
Jika Anda tidak puas dengan tingkat detail jalur dalam hasil tersebut, Anda secara bertahap menambah tempat desimal menjadi 3 atau 4.
Ini menjadi menarik ketika Anda telah menyematkan clipping mask di file vektor. Ini juga dapat dihilangkan (ini mengarah ke ukuran file yang lebih kecil lagi dan meningkatkan kompatibilitas saat menggunakan alat pencetakan seperti dompdf ).
Ada dua cara terkenal di Illustrator: Pertama Anda menandai semua objek dengan CTRL + A dan pilih " Objek> Kurangi transparansi ... ". Kemudian hapus clipping mask yang ada melalui " Object> Clipping Mask> Reverse ". Jika tidak berhasil, lakukan hal berikut daripada dua langkah terakhir: Pertama pilih " Objek> Konversi ...> OK " dan kemudian pilih opsi " Hapus area tumpang tindih " dalam dialog Pathfinder.:
SVG akhir kemudian dapat dioptimalkan lebih jauh dengan alat seperti svgo (pada baris perintah atau di GUI web ).