Hüseyin Emanet – Web Arayüz Günlüğü

W3C‘nin 2001 yılından beri listesinde yer alan bir teknoloji olsa da şu ana dek hakettiği değeri görememiş bir kavram SVG. Bunun sebeplerinden biri de Internet Explorer kullanıcılarının herhangi bir plugin olmadan bu nesneleri görüntüleyememesiydi.

SVG nedir?

Çizgiler, kutular, daireler, çokgenler, renkli yazılar, renk geçişleri ve dokular gibi vektörlerin tasvir edildiği XML tabanlı bir dosya formatıdır. Bitmap‘ler de gerekli olduğu zaman SVG içerisine yerleştirilebilir.

SVG’yi Kullanmak İçin Varolan Sebepler

SVG’nin web platformunda kullanılması için pek çok geçerli sebep vardır:

• W3C Standartları: SVG, open standard olarak tabir edebileceğimiz, web geliştiricilerinin herhangi bir kısıtlamayla ya da lisans sorunuyla uğraşmaksızın kullanabileceği bir teknoloji.
• Ölçeklendirme: Pixel bozukluğu ya da detaylarda hiçbir kayba sebebiyet vermeden, sorunsuzca boyutlandırılabilir.
• Dosya Boyutları: JPG, PNG ya da GIF formatındakilerin aksine boyutları daha düşüktür. Logolar ve çeşitli tablolar için tercih edilebilir.
• SVG Araçları: Inkscape, OpenOffice.org Draw ve Microsoft Visio gibi programlarla XML formatında kodlar kolaylıkla oluşturulabilir.
• Server-Side Desteği: PHP, .NET, Python ve diğer diller/frameworkler üzerinde sorunsuzca görüntülenebilir.
• Client-Side Desteği: Sıradan bir internet kullanıcısının web tarayıcısında JavaScript desteği ile görüntülenebilir, çeşitli efektler ve animasyonlar ile özelleştirilebilir ve JavaScript event handler metodları uygulanabilir. (Click, mouseover vb.)
• Erişilebilirlik: SVG’ler erişilebilirdir. Yazılmış ve çizilmiş elementler çeşitli aygıtlar tarafından da parse edilebilir.
• Arama Motoru Optimizasyonu: Google, Yahoo, Bing ve diğer arama motorlarının taramakta zorlandığı resimleri (JPG, GIF, PNG vb.) SVG ile daha iyi bir şekilde sunabiliriz.

Bazı sebeplerden ötürü Canvas, SVG’nin yerini almış olsa da ve hiçbir plugine ihtiyaç duymaksızın Internet Explorer tarafından görüntülense de, static rendering’e izin vermiyor, resimler kod ile üretiliyor. Canvas ile çizilen elementler de DOM tarafından tanımlanamıyor.

Internet Explorer, 9. sürümüne kadar SVG desteği sunmayan ve SVG’nin genel anlamda yaygınlaşamamasının sebeplerinden biriydi. Microsoft, IE9 ile SVG desteğini vermeye başladığını duyurmuştu, ancak her işte olduğu gibi yüzüne gözüne bulaştırdığından emin olabilirsiniz.