Bir web sitesi için bir logo SVG — tüm cihazlar için duyarlı bir tasarım üzerinde büyük görünmesi için kullanmak için arıyorum.

Ama there are issues beri, mümkün olduğunca çok sayıda cihazlar ve tarayıcılar için destek istiyorum. Yükleme hızı da önemli bir husustur. Nasıl Adobe Illustrator dışa aktarma ayarları bu işe uygun mu?

Illustrator SVG dışa aktarma için birkaç seçenek vardır. Önceliklehangi SVG profili iyi mi?

SVG Tiny daha düşük bir dosya boyutu vardır herhalde. Birçok cihaz SVG Tiny destekliyor musunuz? Ne en önemli farklar? (this W3 monster. okumak zorunda kalmadan)

İkinci olarak, görüntü konumu için en iyi seçenek olduğunu varsayıyorum""? link (Ünlem işareti sonra açıklamasına bakın.)

Alternatif olarak, nasıl "" seçeneği? gömmek için tarayıcı desteği

Teşekkür ederim!

S. S. alfa-PNG alternatif bir seçenek olacak, ama SVG istiyorum en iyi mümkün olduğunca desteklenmesi. (Aklıma geldi, bir geri dönüş seçeneği — JPG gibi — belki de en iyisi alfa-PNG eski IE için kendisi bir çözüm gerekir, çünkü bu durumda servis olacaktır.)

Güncelleme:Ayrıca yapılandırılabilir daha fazla seçenek var. Metin ile çalışmayacağım, ben sadece ilgili bir basamağı. Logolar, maksimum 200x200px () Retina görüntüler üzerinde çok 400x400px olarak görüntülenecek bir şey, "3" en iyi ayarı? Ya da "2 en aza indirmek için" dosya boyutu?

SVG profilleri

• SVG 1.0, tüm modern masaüstü ve mobil tarayıcılar SVG 1.1, asla bu seçeneği seçin. destek
• SVG 1.1: hemen hemen her zaman bu isteyeceksiniz.
• SVG Tiny/Temel: bu SVG bir alt mobil aygıtlar için tasarlanmıştır. Cihazlar sadece bir avuç tam spec değil Tiny ve SVG desteği, SVG 1.1.

SVG Tiny dosya boyutu azaltmaz, sadece düşük işlem gücü cihazlar için yeterli olduğunu SVG bir alt kümesi. not: Degrade, saydamlık, gömülü fontlar ve filtreleri Kaldır. Erik Dahlström diyor ki: Tüm SVG 1.1 izleyiciler olabilir ekran tüm SVG 1.1 Tiny/Temel içerik (göre spec), ve muhtemelen tüm SVG Tiny 1.2 içerik Illustrator üretir.

Yazı tiplerieğer görüntüde herhangi bir metin yok. eğer bu ayar önemli değil. Not:

• Adobe CEF: hiçbir zaman tarayıcılarda görüntülenmesini istediğiniz bu seçeneği kullanın. SVG dosyaları gömme yazı tipleri, Adobe SVG viewer plugin tarafından desteklenmektedir sadece bildiğim kadarıyla Adobe yoludur.

• SVG: bu gömer Firefox tarafından desteklenmiyor, ama eğer sadece mobil cihaz desteği istiyorsanız, iyi bir seçenek SVG yazı tipi, genellikle y çalıştırın.

• Anahatlar oluştur: bu en çok yapmak isteyeceksinizmetin. büyük miktarda olmadığı sürece Eğer büyük miktarda metin varsa WOFF yazı gömmek için isteyeceksiniz ama bu elle yapmak zorunda olacak.

Gömmeyi:

• Hiçbiri: bu yazı başka bir yazı tipi geri düşüyor umurunda olsaydı zaten bu önceki ayar inkar edecek ve herhangi bir yazı gömmek değil, kullanıcının bilgisayar bunu seçin.

• Sadece Semboller kullanılır: bu çoğu zaman isteyeceksinizyazı gömmek için seçerseniz. Sadece karakterleri dosya boyutu şişirmek değil yani kullanılan gömer.

• bu oldukça açıktır, Tüm yazı tipi veya alt kümeleri eklemek için seçebilirsiniz. [gömmeyi kalan]: Eğer SVG dinamik ise sadece yararlı olduğunu ve metni değiştirebilir kullanıcı girişi dayalı.

Görüntüleribu yalnızca bitmap görüntüler dahil olmak üzere önemli

• Embed: bu istediğiniz şey genellikle budurseni sadece arkadaşı bitmap görüntüleri ile svg dosyası yerine bir dosya upload böylece veri urı olarak görüntü kodlar.

• Link: eğer birkaç svg başvuru dosyaları varsa sadece bir dosya (her zaman indirilen değil svg dosyası oluşturur) bit eşlem kullanın.

Bağlantılı bitmap görüntüleri eğer SVG img dış kaynaklara yükleme izin vermez çünkü <img> etiket aracılığıyla görüntülenir görüntü won't unutmayın. Ayrıca: y eğer onları gömmek için bile svg dosyaları içinde bitmap görüntüleri görüntüleyen bir hata var. Kısacası: eğer gömmek istiyorsanız <svg> düz bir etiket kullanın veya bitmap görüntüleri bağlantı, <img> kullanmayın.

Illustrator Düzenleme Özelliklerini Koru

Bir kurtarmayı tercih ederim .benim kaynak dosyası olarak resim ve Export for web bir özellik olarak SVG dosyası düşünmeye aı. Bu şekilde dosya boyutunu azaltarak odaklanmak ve vektör bozulmamış bir kopyasını tüm düzenleme yetenekleri ile bir dosya var. Yani bu bir seçim değil.

Ondalık Basamak

3 varsayılan aklı başında bir ayardır ve çoğunlukla unutabilirsiniz.

Eğer çok puan ile gerçekten çok karışık bir yol varsa, ancak, 1 veya 0 Bu ayar düşürerek dosya boyutunu önemli ölçüde azaltır. Ama bezier kesimleri bu ayar çok hassastır, çünkü dikkatli olmalı ve biraz bozuk gibi görünüyor olabilirler. Eğer bu ayarı düşürürseniz her zaman kabul edilebilir görünüyor emin bir tarayıcı.

Genel olarak, genel olarak SVG araştırmanı tavsiye ederim, bir sürü HTML gibi görünüyor ve yapılamaz şeyler oynamak Illustrator içinde sağlar.