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ım alanında 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, WebP 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?
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.
Yazı fontları gündelik işlerde sık sık tercih edilen tasarım unsurlarındadır. Fakat aynı şekilde font denildiği zaman birçok insan ne olduğunu anlayam...
Dünyada internet kullanıcılarının önemli bir bölümü mobil cihazdan internete giriş yapıyor. Bu durumda işletmeler mobil kullanıcılara hitap etmek için...
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.
1 Yorum
SVG, Scalable Vector Graphics anlamına gelen bir web grafik formatıdır. SVG, web sitelerinde ve uygulamalarda kullanılan çok çeşitli grafikleri oluşturmak için kullanılan bir standarttır. SVG, çok küçük bir dosya boyutuna sahip olduğu için, web siteleri ve uygulamalar için çok uygun bir grafik formatıdır. Ayrıca, SVG, web sayfalarının yüklenmesini hızlandırmak ve web sayfalarının daha net görünmesini sağlamak için kullanılabilir.