SVG'ler bugünün web'de merkezi bir rol oynamaktadır. Yalnızca simge yazı tiplerini değiştirmekle kalmazlar, aynı zamanda CSS veya JavaScript aracılığıyla manipülasyon imkanı da sunarlar. Adobe Illustrator'dan web için bir vektör grafiğini SVG olarak kaydetmek istiyorsanız, aşağıdaki makalede sunacağım tuzakları önlemek ve yükleme sürelerini azaltmak için bazı ayarlar yapmanız gerekir.
Genel dışa aktarma işlevi " Dosya> Dışa Aktar> Farklı Dışa Aktar ... " altında bulunabilir. Son olarak, dosya türü olarak " SVG (* .SVG) " seçin. Şeffaf alanları kesmek ve çizim alanını hesaba katmak istemiyorsanız, " Çizim alanlarını kullan " seçeneğini işaretleyin, aksi halde değil. Aşağıdaki iletişim kutusunda aşağıdaki seçenekleri seçersiniz:
Sonuçtaki yolların ayrıntı düzeyinden memnun değilseniz, ondalık basamakları kademeli olarak 3 veya 4'e yükseltirsiniz.
Vektör dosyasına kırpma maskeleri katıştırdığınızda ilginç hale gelir. Bunlar da ortadan kaldırılabilir (bu yine daha küçük dosya boyutlarına ve dompdf gibi yazdırma araçlarını kullanırken artan uyumluluğa yol açar).
Illustrator'da iyi bilinen iki yol vardır: İlk olarak, tüm nesneleri CTRL + A ile işaretler ve " Nesne> Saydamlığı Azalt ... " öğesini seçersiniz. Daha sonra " Nesne> Kırpma Maskesi> Geri Dönüştür " aracılığıyla mevcut kırpma maskelerini kaldırırsınız . Bu işe yaramazsa, son iki adım yerine aşağıdakileri yapın: Önce " Nesne> Dönüştür ...> Tamam " ı seçin ve ardından Yol Bulucu iletişim kutusunda " Örtüşme alanını kaldır " seçeneğini seçin.:
Son SVG daha sonra svgo gibi araçlarla (komut satırında veya web GUI'de ) daha da optimize edilebilir.