SVG, “Scalable Vector Graphics”‘in kısaltmasıdır. Türkçe karşılığı olarak “Ölçeklenebilir Vektör Grafiği” anlamına gelmektedir. SVG formatı, 2 boyutlu grafikler için XML tabanlı vektör görüntü formatıdır. Ölçeklenebilir Vektör Grafiği, Web için vektör tabanlı grafikleri tanımlar. SVG, logo veya illüstrasyon gibi statik bir resim veya karmaşık bir animasyon olabilir. 

SVG’ye Genel Bakış

SVG, görüntünün nasıl görünmesi gerektiğini açıklamak için XML tabanlı bir metin formatı kullanır. Grafiği tanımlamak için metin kullanıldığı için kaliteden ödün vermeden farklı boyutlara ölçeklenebilir – başka bir deyişle, format çözünürlükten bağımsızdır. Bu nedenle web sitesi ve baskı grafikleri genellikle SVG formatında oluşturulmuştur, bu nedenle gelecekte farklı tasarımlara uyacak şekilde yeniden boyutlandırılabilirler.

Bir SVG dosyası GZIP sıkıştırmasıyla sıkıştırılmışsa, dosya .SVGZ dosya uzantısıyla bitecek ve boyut olarak yüzde 50 ile yüzde 80 arasında daha küçük olabilir.

Grafik biçimiyle ilgili olmayan .SVG dosya uzantılı diğer dosyalar bunun yerine Kaydedilmiş Oyun dosyaları olabilir. “Kale Wolfenstein’a Dön” ve “Grand Theft Auto” gibi oyunlar, oyunun ilerlemesini bir SVG dosyasına kaydeder. [Kaynak].

Scalable Vector Graphics formatını tüm büyük web tarayıcıları (Google Chrome, Mozilla Firefox, Internet Explorer, Safari, Opera, Microsoft Edge…) kolaylıkla çalıştırabilmektedir.

SVG’nin bir XML dili olması nedeniyle, tüm XML’ler gibi metin olarak yazılmıştır ve genellikle sadece makineler tarafından değil insanlar tarafından da okunabilir.

SVG belgeleri, satırları, eğrileri, şekilleri, renkleri ve metni tanımlayan basit düz metin dosyalarından başka bir şey değildir. İnsan tarafından okunabildiği, kolayca anlaşılabildiği ve değiştirilebildiği için SVG kodu CSS veya JavaScript ile değiştirilebilir. Bu, Ölçeklenebilir Vektör Grafiği’ne geleneksel PNG, GIF veya JPG’lerle asla eşleşemeyecek esneklik ve çok yönlülük sağlar. [Kaynak]

SVG Kullanmanın Avantajları

• Görüntüleri herhangi bir metin düzenleyicisiyle oluşturulabilir ve düzenlenebilir
• Aranabilir, dizine eklenebilir, komut dizisine eklenebilir ve sıkıştırılabilir
• Kolayca tekrar ölçeklenebilir
• Her çözünürlükte yüksek kalitede basılabilir
• SVG görüntüleri yakınlaştırılabilir
• Grafikler yeniden boyutlandırılmışsa herhangi bir kalite kaybetmez
• Salt XML’dir
• Görüntü öğeleri raster biçiminde oluşturulan ikizlerinden daha az yer kaplar
• CSS ile, hızlıca arka plan rengini veya pozisyonunu değiştirebilirsiniz
• Retina ekranlı cihazlar ve bunlara yakın olanlar için yaygın olarak kullanılır
• Dosyanın içeriğini herhangi bir tarayıcıda görüntülemek mümkündür.
• Birçok canlı efekt elde edilebilir
• XML kullanıldığı için anahtar kelimeler ve açıklamalar eklenebilir.
• Seo dostudur.

SVG’nin Yaygın Kullanım Alanları

• Düz Çizimler ve Diyagramlar
• Logolar ve Simgeler
• Animasyonlar
• İnfografik Tasarımları
• Özel efektler
• Arayüzleri ve Uygulamalar

SVG Dosyası Nasıl Açılır

Bir SVG dosyasını görüntülemek için (düzenlemek değil) açmanın en kolay ve hızlı yolu Chrome, Firefox, Edge veya Internet Explorer gibi modern bir web tarayıcısıdır.

SVG dosyaları Adobe Illustrator ile oluşturulabilir, böylece dosyayı açmak için bu programı kullanabilirsiniz. Bu dosyaları destekleyen diğer Adobe programları (Adobe CS eklentisi için SVG Kiti yüklü olduğu sürece)  Adobe Photoshop, Photoshop Elements ve InDesign programlarını içerir. Adobe Animate, Ölçeklenebilir Vektör Grafiği dosyalarıyla da çalışır.

SVG dosyasını açabilen bazı Adobe olmayan programlar arasında Microsoft Visio, CorelDRAW, Corel PaintShop Pro ve CADSoftTools ABViewer bulunur.

Inkscape ve GIMP, Ölçeklenebilir Vektör Grafiği dosyalarıyla çalışabilecek iki ücretsiz programdır, ancak bu dosyayı açabilmek için indirmeniz gerekir. Picozu da ücretsizdir ve SVG formatını da destekler, ancak dosyayı herhangi bir şey indirmeden çevrimiçi olarak açabilirsiniz.

Ölçeklenebilir Vektör Grafikleri dosyası gerçekten ayrıntılarında bir metin dosyası olduğundan, dosyanın metin sürümünü herhangi bir metin düzenleyici de görüntüleyebilirsiniz. [Kaynak]

SVG İçin En İyi Editörler

Ölçeklenebilir Vektör Grafiği tanıdıkça daha çok sevdiniz değil mi? 🙂 Sizler için detaylı olarak hazırladığımız En İyi 7 Ücretsiz Vektörel Çizim Editörü yazımıza göz atmayı unutmayın.

En iyi Masaüstü SVG Editörleri

• Gravit Designer
• Inkscape
• Adobe Illustrator CC
• Affinity Designer
• Sketch
• Figma
• Boxy SVG
• Corel Draw
• Invision Studio
• Pencil2D
• sK1
• GRAVIT
• Xfig
• Xara Designer Pro X
• LibreOffice Draw
• SVG-edit
• Microsoft Expression Design
• Google Drawings
• ZeldDesigner
• macSVG

En İyi Online SVG Editörleri

• Draw Svg
• Fatpaint
• Gravit
• Inker
• Janvas
• Method of Action
• Mondrian
• SVG-Edit
• Vecta.io
• Eezy
• Vectorpaint
• Vectr
• Youidraw

Görüntüleri Diğer Formatlara Dönüştürmek

Örneğin, Inkscape kullanıyorsanız, SVG dosyasını açtıktan / düzenledikten sonra, yaptığınız herhangi bir değişiklikle onu tekrar Ölçeklenebilir Vektör Grafiği olarak kaydedebilirsiniz, ancak PNG, PDF, DXF, ODG gibi farklı bir dosya biçiminde de kaydedebilirsiniz. EPS, TAR , PS, HPGL ve diğerleri.

Açıkçası Ölçeklenebilir Vektör Grafikleri açabildiğiniz hemen hemen her programda farklı formatlarda kayıt edebileceğiniz seçeneklere rastlayacaksınız.