SVG Nedir? SVG Dosyası, Kullanım Alanları ve Açma

SVG dosyası nedir

SVG, XML ile yazılmış bir metin dosyasıdır. Her pikselin rengini saklamak yerine talimatlar saklar: buraya bir daire çiz, bu noktalardan geçen bir yol çiz, onu bu renkle doldur. Tarayıcınız ya da düzenleyiciniz bu talimatları okur ve görseli hangi boyutta gösteriliyorsa o boyutta çizer.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" fill="#C8F031"/>
</svg>

Bu kod parçası eksiksiz bir SVG'dir: 100 × 100 birimlik bir alanda limon yeşili bir daire. Metin olduğu için bir SVG kod düzenleyicide açılabilir, içinde arama yapılabilir, sıkıştırılabilir ve elle değiştirilebilir.

SVG, World Wide Web Consortium'un ilk kez 2001'de yayımlanan açık bir standardıdır (W3C). Tüm modern tarayıcılar onu eklentiye gerek kalmadan gösterir.

SVG uzantısı nedir

SVG dosyaları .svg uzantısını ve image/svg+xml medya türünü kullanır. Sıkıştırılmış bir türü olan .svgz, gzip ile paketlenmiş aynı dosyadır. Bazı kesim makinesi yazılımları ve yazı tipi araçları da SVG kullanır, ama biçim aynıdır.

SVG formatı ne için kullanılır

Web sitelerinde ve uygulamalarda logolar ve simgeler, çünkü tek bir dosya her ekran yoğunluğunda keskin görünür.
Yakınlaştırılması ya da büyük basılması gereken illüstrasyonlar, grafikler ve haritalar.
Animasyonlar ve etkileşimli grafikler, çünkü her şekle CSS ile stil verilebilir ya da JavaScript ile değiştirilebilir.
Kesim makineleri ve lazer kesiciler; bunlar şekillerin dış hatlarını takip eder.
Modern tarayıcılarda favicon'lar.

SVG fotoğraflar için uygun değildir. Bir fotoğrafta milyonlarca küçük şekil gerektirecek sürekli tonlar vardır; JPG ve WebP bunu çok daha verimli saklar.

SVG dosyası nasıl açılır

Her web tarayıcısı SVG açar: dosyayı bir Chrome, Firefox, Safari ya da Edge penceresine sürükleyin. Kodu görselin yanında görmek için SVG görüntüleyicimizi kullanın. Çizimi düzenlemek için Inkscape (ücretsiz), Figma ya da Adobe Illustrator gibi bir vektör düzenleyici kullanın. Windows'ta Dosya Gezgini bir uzantıyla SVG küçük resimlerini gösterebilir; Mac'te Hızlı Bakış, boşluk tuşuyla önizleme açar.

SVG ile PNG arasındaki fark

	SVG	PNG
Neyden oluşur	Şekiller ve koordinatlar	Pikseller
Ölçekleme	Her boyutta keskin	Büyütülünce bulanık
Şeffaflık	Var	Var
Metin olarak düzenlenebilir	Evet	Hayır
En uygun olduğu yer	Logolar, simgeler, diyagramlar	Ekran görüntüleri, ayrıntılı görseller, SVG kabul etmeyen yerler

İki yönde de dönüştürme yapabilirsiniz: PNG'den SVG'ye dönüştürücü pikselleri şekillere çevirir, SVG'den PNG'ye dönüştürücü ise şekilleri seçtiğiniz boyutta piksellere çevirir.

SVG dosyası hakkında sorular

SVG bir vektör dosyası mı?

Evet. SVG, Scalable Vector Graphics anlamına gelir ve piksel değil şekil saklar.

SVG dosyaları fotoğraf içerebilir mi?

Bir SVG bitmap görsel gömebilir, ama içindeki fotoğraf vektöre dönüşmez ve bulanıklaşmadan ölçeklenmez.

SVG dosyalarını açmak güvenli mi?

Bir SVG betik içerebilir; bu betikler dosya doğrudan tarayıcıda açıldığında çalışır. Bilinmeyen kaynaklardan gelen dosyaları, bizimki gibi onları görsel olarak gösteren bir görüntüleyicide açın.

SVG dosyam neden bu kadar büyük?

Tasarım programları meta veriler ve uzun ondalıklar ekler. Bir SVG sıkıştırma aracı bunları çizimi değiştirmeden siler.