SVG nedir; açılımı Scalable Vector Graphics olan SVG, birçok tasarımcı tarafından tercih edilen bir XML tabanlı bir vektörel grafik biçimidir. SVG formatını anlamak ve uygulamak için öncelikle olarak vektör kavramını bilmek gerekir. Tasarımla ilgilenen pek çok kişi tarafından kullanılan vektör, bir grafik dosyasıdır. Çözünürlük, görsel boyutu ve işlevinden bağımsız olarak, matematiksel ifadelerle oluşturulmaktadır. Vektörün en önemli özelliklerinden biri de ölçeklendirilebilir olmasıdır. Böylelikle, vektör hangi boyutta kullanılırsa kullanılsın herhangi bir detay kaybına uğramaz.
Örnek olarak, içinde ay ve yıldız simgeleri
bulunan bir vektör dosyasını ele alalım. Bu vektör dosyasını bir bina boyutuna
getirsek bile çözünürlüğünde herhangi bir bozulma olmayacaktır.
SVG
formatının mantığı tam olarak budur. Elimizde bulunan bir SVG dosyasını, web
sitemizde kullanmak istersek, boyutunda herhangi bir bozulma olmayacaktır.
SVG Özellikleri Nelerdir?
SVG
dosyasının birçok özelliği vardır. Bu özellikler genel olarak şunlardır:
- XML Tabanlıdır.
- Vektör Yapısındadır.
- XML yapısı içinde tanımlanmış çizim bilgilerini içerir.
- SVG dosyası içinde belirtilmiş olan elementler ve özellikler hareket ettirilebilir, böylece animasyon haline getirebilir.
- Herhangi bir metin editör programı yardımıyla SVG dosyası oluşturulabilir. Çünkü, SVG çizim bilgilerini XML yapısında içeren bir dosyadır. Adobe Illustrator benzeri programlar ile oluşturduğunuz çizimleri SVG formatında cihazlarınıza kaydedebilirsiniz.
- SVG dosyası istediğiniz boyutta ölçeklendirilebilir. Örnek olarak, elinizde kalp ikonu olan bir SVG dosyası olsun. Bu kalp ikonu dosyasını ister 100px ister 500px genişliğinde kullanabilirsiniz. Dosyanın çözünürlüğünde herhangi bir bozulma olmaz.
- SVG dosyaları, sayfaların yazdırılması esnasında herhangi bir kayba uğramaz.
- Vektörel olduğundan dolayı SVG dosyaları oldukça az yer kaplar.
SVG Dosyası Kullanım Alanları
SVG
dosya formatı genellikle web tasarımcıları tarafından kullanılmaktadır.
Kullanım alanı açısından oldukça geniş bir yelpazeye sahiptir. Esnek ve düzenlenebilir
yapısıyla oldukça popülerdir. Ayrıca, SVG dosyası vektör tabanlı ve basit bir
metin editöründe kod desteği ile de kullanılır.
SVG Dosyası Nasıl Açılır?
SVG
dosyasını yazılımlar, destekleyen tarayıcılar, programlar ve metin
düzenleyicileri ile açabilirsiniz. Oldukça basit ve anlaşılabilir olması
nedeniyle SVG dosyası oluşturması ve açılması basit bir işlemdir. Bu dosya
formatını açmak için birçok yöntem vardır.
SVG
dosyasını açmak ve oluşturmak için Adobe programları tercih edilebilir. Adobe
Illustrator ile oluşturabildiğiniz SVG dosyalarını diğer Adobe programlarında
kullanabilirsiniz. Adobe Photoshop, Indesign ve Adobe Animate bu programlara
örnek verilebilmektedir. Aynı zamanda oluşturduğunuz bu SVG dosyalarını diğer
programlarda da kullanabilirsiniz. CorelDraw Graphics Suite, Google Chrome,
Gimp programları, SVG dosyasını kullanabileceğiniz programlardan biridir.
XML
tabanlı olan SVG dosyaları metin editörlüğünde kullanılabilmektedir. Metin
editörleri SVG dosyası oluşturmak ve düzenlemek için kullanabileceğiniz
yazılımlardır. SVG dosya formatı, aslında bir metin dosyasıdır. Bu nedenle
herhangi bir metin editöründe gönül rahatlığı ile görüntüleme yapabilirsiniz.
Bu görüntüleme için Notepad veya bilgisayarınızda bulunan not defterini
kullanabilirsiniz.
SVG Dosyası Nasıl Dönüştürülür?
PNG, JPG ve GIF gibi dosya formatları en popüler resim dosya formatlarındandır. Oluşturduğunuz veya önceden oluşturulan SVG dosyasını bahsettiğimiz formatlara dönüştürebilirsiniz. Bunun için çevrimiçi araçlar kullanabilirsiniz. Contenta SVG Conventer, Autotracer.org ve Sketsa programları ile SVG dosyasını dönüştürebilirsiniz. Bu araçlar dışında Zamzar aracı da oldukça popüler bir SVG formatı dönüştürme aracıdır.
Dönüştürme
programlarının yanı sıra, büyük boyutlu SVG dosyalarınızı yukarıdaki programlar
ile açabilirsiniz. Daha sonra bu dosyaları SVG dosya biçiminde kaydetme imkanı
bulabilirsiniz. Buna ek olarak, bu programlar aracılığıyla SVG yerine bir
dönüştürme aracı kullanmadan şu formatlarda kaydedebilirsiniz: PNG, PD, DX,
ODG, EPS.
SVG Mantığı Nasıl İşler?
Bu Yazıları da Sevebilirsiniz
Adobe XD Nedir? Ne İşe Yarar?
Tasarımcılara sunduğu özellikleri ile web tasarım endüstrisinde güçlü bir araç haline gelen Adobe XD, vektör tabanlı bir UI ve UX tasarım aracıdır. Ek...
Adobe Suite Nedir? Ne İşe Yarar?
Hemen hemen her sektörde farklı tasarım ögelerine ihtiyaç duyulmaktadır. Bu nedenle artık tasarım yapma gerekliliği yalnızca tasarımcılara özel değil....
Basit
bir şekilde SVG formatı mantığını şöyle anlatabiliriz; SVG dosyasını web
sitemizin içine koymak istiyoruz ve dosya boyutunun değişmesini istemiyoruz.
SVG dosyasının da kullanım amacı tam olarak budur. Web sitemizde SVG dosyasını
hangi boyutta kullanırsak kullanalım herhangi bir bozulma olmuyor. Bu noktada,
SVG dosyası en iyi grafik formatlarından biri olarak karşımıza çıkmaktadır.
Özellikle ölçeklenebilirlik, etkileşim, programlanabilirlik, performans ve
erişebilirlik açısından en iyi formatlar biridir. Web ortamında veya diğer
ortamlarda çeşitli grafikleri görüntülemek için de SVG dosyası kullanılır. SVG
dosyası aynı zamanda bir W3C standardıdır. Böylelikle JavaScript, DOM, CSS ve
HTML dahil açık standart diller ve teknolojilerle kullanılabilmektedir. Ayrıca,
SVG ile birçok farklı şekli, yolları ve metin öğelerini herhangi bir bozulma
olmadan birleştirebilirsiniz.
Neden SVG Kullanmalıyız?
Birçok nedenden dolayı SVG kullanmamız gereklidir.
- Küçük dosya boyutlarına sahip olması ve vektörel olduğu için çözünürlük kalitesinin aynı kalmasıdır.
- Retina Display ekranlarında başarılı olması ve tasarım sürecinde kod desteği sağlaması en büyük sebeplerden biridir.
- Bu özelliklere ek olarak, birçok noktada SVG dosyası karşımıza çıkar.
- Illustrator veya Photoshop programları üzerinden çizdiğimiz bir dosyayı kaydederken SVG formatında kaydedebiliriz.
Logo Tasarımı Nasıl Yapılır? Logo Tasarımı İçin Kullanılan Programlar yazımızı inceleyerek, Web tasarım ve logolar hakkında daha fazla bilgiye ulaşabilirsiniz.