SVG profilleri
- SVG 1.0: tüm modern masaüstü ve mobil tarayıcılar SVG 1.1'i destekler, bu nedenle bu seçeneği asla seçmeyin.
- SVG 1.1: Neredeyse her zaman bunu isteyeceksiniz.
- SVG Tiny / Basic: Bu, mobil cihazlar için tasarlanmış bir SVG alt kümesidir. Yalnızca bir avuç cihaz SVG Tiny'yi destekliyor ve tüm özellikleri desteklemiyor, bu nedenle SVG 1.1'i seçin.
Not: SVG Tiny, dosya boyutunu azaltmaz, yalnızca düşük işlem gücüne sahip cihazlar için yeterli olan bir SVG alt kümesidir. Degradeleri, opaklığı, gömülü yazı tiplerini ve filtreleri atar. Erik Dahlström şöyle diyor: Tüm SVG 1.1 tam görüntüleyicileri, tüm SVG 1.1 Tiny / Basic içeriğini (spesifikasyona göre) ve muhtemelen Illustrator'ın da ürettiği tüm SVG 1.2 Tiny içeriğini görüntüleyebilmelidir.
Yazı tipi notu: Resminizde herhangi bir metin yoksa, bu ayarın önemi yoktur.
Adobe CEF: Tarayıcılarda görüntülemek istediğinizde bu seçeneği asla kullanmayın. Adobe'nin SVG dosyalarına font gömme yöntemi, bildiğim kadarıyla bu yalnızca Adobe'nin SVG görüntüleyici eklentisi tarafından destekleniyor.
SVG: Bu, yazı tipini SVG olarak gömer, bu Firefox tarafından desteklenmez, ancak yalnızca mobil cihazları (genellikle webkit çalıştıran) desteklemeyi düşünüyorsanız iyi bir seçenektir.
Anahatlar oluşturun: Çok miktarda metniniz yoksa bunu çoğu zaman yapmak isteyeceksiniz . Çok miktarda metniniz varsa, yazı tipini WOFF ile gömmek isteyeceksiniz, ancak bunu elle yapmanız gerekecektir.
Alt kümeleme :
Yok: Bu, önceki ayarı geçersiz kılar ve yazı tipinin kullanıcının bilgisayarındaki başka bir yazı tipine geri dönmesini önemsemiyorsanız, bunu seçin.
Yalnızca Glifler kullanıldı: Yazı tipini katıştırmayı seçerseniz çoğu zaman bunu isteyeceksiniz. Dosya boyutunuzu büyütmemesi için yalnızca kullanılan karakterleri gömer.
[alt küme oluşturma]: Bu oldukça açıktır, tüm yazı tipini veya alt kümelerini dahil etmeyi seçebilirsiniz. Yalnızca SVG'niz dinamikse ve metin kullanıcı girdisine göre değişebilirse yararlıdır.
Görüntüler : bu yalnızca bitmap görüntüleri dahil ediyorsanız önemlidir
Embed: Bu genellikle istediğiniz şeydir, görüntüyü bir veri uri'si olarak kodlar, böylece svg dosyası yerine tamamlayıcı bitmap görüntüleriyle birlikte yalnızca bir dosya yüklersiniz.
Bağlantı: bunu yalnızca bir bitmap dosyasına başvuran birkaç svg dosyanız varsa kullanın (bu nedenle, svg dosyasını her oluşturduğunda indirilmez).
Harici kaynakların yüklenmesine izin vermediğinden , bağlı bitmap görüntülerinin, SVG <img>etiket aracılığıyla görüntülenmesi durumunda görüntülenmeyeceğini imgunutmayın. Dahası: webkit, svg dosyaları içinde bit eşlem görüntülerini gömseniz bile görüntülemeyen bir hataya sahiptir. Kısacası: <svg>bitmap görüntüleri gömmek veya bağlamak istiyorsanız düz bir etiket kullanın, kullanmayın <img>.
Illustrator Düzenleme Özelliklerini Koruyun
Bir .ai dosyasını kaynak resmim olarak kaydetmeyi ve SVG dosyasını bir Export for webözellik olarak düşünmeyi tercih ediyorum . Bu şekilde dosya boyutunu küçültmeye odaklanırsınız ve vektör dosyanızın tüm düzenleme yetenekleriyle bozulmamış bir kopyasına sahip olursunuz. Bu yüzden bunu seçmeyin.
Ondalık
Varsayılan 3, mantıklı bir ayardır ve bunu çoğunlukla unutabilirsiniz.
Ancak, birçok noktaya sahip gerçekten karmaşık yollarınız varsa, bu ayarı 1'e veya hatta 0'a düşürmek dosya boyutunu önemli ölçüde azaltır. Ancak dikkatli olmalısınız çünkü bezier segmentleri bu ayara karşı çok hassastır ve biraz bozuk görünebilirler. Dolayısıyla, bu ayarı düşürürseniz, her zaman bir tarayıcıda kabul edilebilir göründüğünden emin olun.
Kodlama
Karakter kodlamanın arkasındaki açıklama oldukça tekniktir ve yalnızca metin içeren svg dosyalarıyla ilgilidir. İhtiyacınız olan en olası kodlama UTF-8'dir , ne yaptığınızı bilmiyorsanız bunu değiştirmeyin.
Adobe SVG Viewer için optimize edin
Adobe SVG Viewer, tarayıcıların SVG'yi yerel olarak desteklemediği zamanlardan kalma bir tarayıcı eklentisidir. Ne yaptığını bilmiyorum ama ilgisiz, bunu kontrol etmeyin .
Dilimleme verilerini dahil et
Bu, SVG dosyanızı daha sonra Illustrator'da açmayı ve dilimlerinizi bulmayı planlamıyorsanız (eğer varsa), SVG dosyanıza meta veri bloat ekler, bunu işaretlemeyin
XMP'yi dahil et
Dosyayla ilgili daha fazla meta veri, buradan XMP'de okuyabilirsiniz . bunu kontrol etme
Daha az <tspan>eleman üretin
Metniniz yoksa bu gri renkte görünecektir. SVG, karakter aralığı tablolarını desteklemez, bu nedenle, belirli karakter dizileri çok aralıklı görünecektir, yani AVA. Illustrator, tspanöğeler ekleyerek ve karakter konumlarını biraz değiştirerek çalışır. Bu, dosyaya biraz şişkinlik ekler, dosya boyutuna metin görünümünden daha fazla önem vermedikçe bunu kontrol etmeyin .
Yoldaki <textpath>metin için öğe kullan
Yol üzerinde metniniz yoksa bu gri renkte görünecektir. Tarayıcılar, bir yola metin yerleştirme konusunda çok değişiklik yapma eğilimindedir, bu nedenle Illustrator, işi tarayıcıya bırakmak yerine karaktere dönüş ve konum uygulayarak yardımcı olmaya çalışır. Metin görünümünden çok dosya boyutu ile ilgilenmiyorsanız bunu kontrol etmeyin .
Genel olarak, genel olarak SVG'ye bakmanızı öneririm, HTML'ye çok benzediğini göreceksiniz ve Illustrator'da yapılamayan şeyleri değiştirmenize izin veriyor.
