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).
Bunu Illustrator'da yapmanın bilinen iki yolu vardır: İlk olarak, tüm nesneleri CTRL+A ile işaretleyin ve " Nesne > Saydamlığı Azalt... " seçeneğini seçin. Daha sonra " Nesne > Kırpma Maskesi > Geriye Dönüştür " yoluyla mevcut kırpma maskelerini kaldırın. Bu işe yaramazsa, son iki adım yerine aşağıdakileri yapın: Önce " Nesne > Dönüştür... > Tamam " seçeneğini seçin ve ardından Yol Bulucu iletişim kutusunda " Örtüşme Alanını Kaldır " seçeneğini seçin.:
Son SVG dosyası daha sonra svgo gibi araçlar kullanılarak (komut satırında veya web arayüzünde ) daha da optimize edilebilir.