SVG Dosyası Nedir ve Nasıl Dönüştürülür?

Bir logo veya ikon indiriyorsunuz ve bilgisayarınıza logo.svg olarak kaydediliyor. Normal bir fotoğraf görüntüleyicide açmayı deniyorsunuz ama önizleme bile çıkmıyor. "Normal" bir görsel bekleyen bir yere yüklemeye çalışıyorsunuz ve site dosyayı reddediyor. SVG dosyası bozuk değil; sadece JPG veya PNG'den temelde farklı bir görsel türü, ve aradaki farkı bilmek bu dosyayı doğru kullanmanın anahtarı.

SVG aslında nedir#

SVG, Scalable Vector Graphics (Ölçeklenebilir Vektör Grafikleri) anlamına gelir ve isim tam olarak ne olduğunu anlatır: piksel ızgarasından değil matematiksel şekillerden (çizgiler, eğriler, noktalar, dolgular) oluşan bir görsel. Bir JPG veya PNG görseli sabit bir piksel dizisi olarak saklar, bu yüzden yeterince yakınlaştırınca kareli bloklar görürsünüz. SVG ise şekilleri çizmek için talimatlar saklar, böylece görüntüleyici görseli her boyutta yeniden çizebilir: 16 piksellik bir favicon'dan duvar boyu bir pankarta kadar, her seferinde kusursuz keskin kenarlarla.

Perde arkasında bir SVG dosyası düz metindir, daha doğrusu XML'dir; bu yüzden dosyayı bir metin editöründe açıp şekil tanımlarını gerçekten okuyabilirsiniz. Bu aynı zamanda SVG'lerin son derece iyi sıkıştığı ve çok küçük olabildiği anlamına gelir: basit bir ikon genellikle sadece birkaç kilobayttır, eşdeğer bir PNG'den daha küçük.

SVG neden logo ve ikonlarda her yerde karşınıza çıkıyor#

Üç özellik SVG'yi fotoğraf olmayan her şey için varsayılan seçim yapıyor:

• Kalite kaybı olmadan sonsuz ölçeklenme. Bir logonun hem kartvizitte hem de bilbordda keskin görünmesi gerekir. Tek bir SVG ikisini de karşılar; raster bir format her boyut için ayrı, yüksek çözünürlüklü bir dosya gerektirir.
• Basit şekiller için çok küçük dosya boyutu. Düz renkli ikonlar, logolar ve çizgi sanatı, piksel ızgarasından çok daha verimli bir şekilde vektör yolları olarak kodlanır.
• Kodla düzenlenebilir ve stillendirilebilir. Metin tabanlı olduğu için bir SVG'nin renkleri, çizgileri, hatta animasyonları doğrudan CSS ve JavaScript ile kontrol edilebilir; hiçbir raster görsel bunu desteklemez.

Bu yüzden neredeyse her web sitesinin logosu, gezinme ikonları ve illüstrasyonları SVG olarak yayınlanırken fotoğraflar her zaman JPG veya WebP olarak yayınlanır. Vektör ve raster formatlar aynı iş için yarışmıyor; tamamen farklı içerik türleri için tasarlanmışlar.

SVG'nin zayıf olduğu yer#

SVG'nin gücü aynı zamanda sınırıdır: sadece tanımlanabilir şekillerden oluşan görseller için işe yarar. Bir gün batımı fotoğrafının temiz bir yol tanımı yoktur, sadece milyonlarca benzersiz piksel değeri vardır, bu yüzden fotoğraflar JPG gibi raster formatlara mahkumdur. Bir fotoğrafı SVG'ye "dönüştürmeye" çalışmak dosyayı küçültmez veya keskinleştirmez; ya küçük şekillerle dolu, şişkin bir dosya ya da detay kaybeden, bulanık bir yaklaşık çizim ortaya çıkar. SVG'yi çizdiğiniz grafikler için, raster formatları da fotoğrafladığınız her şey için kullanın.

SVG'yi PNG veya JPG'ye nasıl dönüştürürsünüz#

Bir vektör dosyasını raster bir dosyaya dönüştürmeye rasterleştirme denir: şekilleri belirli bir piksel boyutunda çizip sonucu bir piksel ızgarasına dönüştürmek. SVG'yi rasterleştirmeniz gereken durumlar, sadece "normal" görselleri anlayan bir yere gönderdiğiniz zamanlardır; bir sosyal medya yüklemesi, bir e-posta imzası veya .svg yüklemelerini reddeden eski bir form gibi.

Yazılım kurulumu gerektirmeyen en güvenilir ücretsiz yöntem şöyle:

1. SVG dosyasını bir tarayıcıda açın (Chrome, Firefox ve Edge'in hepsi SVG'leri doğrudan görüntüler; dosyayı yeni bir sekmeye sürüklemeniz yeterli).
2. Görüntülenen görsele sağ tıklayıp "Görseli farklı kaydet"i seçin ve PNG'yi işaretleyin.
3. Bazı tarayıcılar dosyayı yalnızca SVG'nin varsayılan boyutunda kaydeder. Belirli bir piksel boyutu için, Figma veya Inkscape gibi ücretsiz bir araçta SVG'yi açıp istediğiniz çözünürlükte dışa aktarabilirsiniz.

PNG dosyanız elinize geçtikten sonra genellikle iki şey olur. Dosya web için ihtiyacınızdan büyükse, kaliteyi görünür şekilde değiştirmeden küçültmek için Görsel Sıkıştır aracından geçirin; çünkü yüksek çözünürlükte dışa aktarılmış bir ikon bile gereğinden fazla bayt taşıyabilir. Bir logodan favicon oluşturuyorsanız, PNG'den ICO'ya aracı bu dışa aktarılan PNG'yi tarayıcıların ve yer imi çubuklarının beklediği .ico formatına dönüştürür; ikonun her boyutta keskin kalması için SVG'yi önce 256x256 veya daha büyük bir boyutta dışa aktarın.

SVG, PNG ve JPG karşılaştırması#

Kendi görselleriniz için PNG'yi başka bir raster formatla karşılaştırıyorsanız, WebP dosyası açıklamamız bu karşılaştırmayı daha derinlemesine ele alıyor; buradaki vektör-raster kararı ise PNG veya JPG'ye gelmeden önce verilen ayrı bir karar.

SVG dosyası açmak güvenli mi#

Çoğunlukla evet, ama bilinmesi gereken bir istisna var: SVG, XML tabanlı olduğu için ve tarayıcılar bir SVG içine <script> etiketi gömülmesine izin verdiği için, kötü niyetli bir SVG teknik olarak çalıştırılabilir kod taşıyabilir. Güvenilir bir kaynaktan indirdiğiniz bir logo için bu nadiren bir sorun teşkil eder, ama bazı e-posta istemcilerinin ve CMS platformlarının varsayılan olarak SVG yüklemelerini engellemesinin nedeni de budur; güvenmediğiniz bir kaynaktan gelen SVG'yi elinizden geldiğince doğrudan bir tarayıcı sekmesinde açmamalısınız. Güvenmediğiniz bir SVG'yi önce, gömülü betikleri çalıştırmak yerine sadece pikselleri rasterleştiren bir araçla PNG'ye dönüştürmek, bu riski tamamen ortadan kaldırır.

Sık Sorulan Sorular#

SVG dosyasını hangi program açar? Herhangi bir modern web tarayıcısı (Chrome, Firefox, Safari, Edge) bir SVG dosyasını yeni bir sekmeye sürükleyerek doğrudan açar ve görüntüler; Figma, Inkscape ve Adobe Illustrator gibi tasarım araçları da düzenleme için açar.

SVG'yi ücretsiz olarak PNG'ye dönüştürebilir miyim? Evet, SVG'yi bir tarayıcıda açıp görüntülenen görseli kaydetmek veya Inkscape ya da Figma gibi ücretsiz bir araçtan seçtiğiniz piksel boyutunda dışa aktarmak, hiçbir ücretli yazılım gerektirmeden PNG'ye dönüştürür.

Bir site neden SVG dosyası yüklememe izin vermiyor? Birçok yükleme formu ve CMS platformu, SVG'nin çalıştırılabilir betik kodu gömebilme özelliğinden dolayı, raster formatların taşımadığı bir güvenlik riski nedeniyle SVG'yi özellikle engeller; bu yüzden önce SVG'yi PNG veya JPG'ye dönüştürmenizi ister.

SVG mi PNG'den daha mı iyi? SVG, herhangi bir boyuta bulanıklaşmadan ölçeklenip küçük kalabildiği için logolar, ikonlar ve illüstrasyonlar için daha iyidir; PNG ise fotoğraflar, ekran görüntüleri ve şekil olarak tanımlanamayan sürekli piksel detayından oluşan her görsel için daha iyidir.

SVG'yi PNG'ye dönüştürmek kalite kaybettirir mi? PNG'yi kullanım amacına yetecek kadar büyük bir piksel boyutunda dışa aktarırsanız hiçbir detay kaybolmaz, ama ortaya çıkan PNG artık o çözünürlükte sabitlenir ve orijinal SVG'nin aksine daha da büyütülürse bulanıklaşır.

Bir SVG dosyasının renklerini düzenleyebilir miyim? Evet, SVG düz metin olduğu için renkleri ve şekilleri bir metin editöründe, Figma veya Inkscape gibi bir tasarım aracında, ya da bir web sayfasına gömülüyse CSS ile dinamik olarak düzenlenebilir.

İster her boyutta keskin bir ikona ihtiyacınız olsun, ister bir formun kabul edeceği düz bir PNG'ye, SVG dönüştürmek tek bir dışa aktarma adımı gerektirir. Raster dosyanızı aldıktan sonra Görsel Sıkıştır ve PNG'den ICO'ya gerisini halleder: ücretsiz, gizli ve tamamen tarayıcınızda çalışarak. Ya da blogdaki tüm dosya formatı rehberlerine göz atın.