SVG'nin avantajları
Bir web sitesi oluşturup, o siteye resim ekledikçe, belirlemeniz gereken en önemli şey, hangi dosya biçimlerinin kullanılacak doğru dosya formatları olmasıdır. Grafiğe bağlı olarak, bir biçim diğerlerinden daha iyi olabilir.
Birçok web tasarımcısı JPG dosya formatı ile rahattır ve bu format fotoğraflarda olduğu gibi derin renk derinliğine sahip görüntüler için idealdir. Bu biçim, resimli simgeler gibi basit grafikler için de çalışırken, bu örnekte kullanılacak en iyi biçim değildir. Bu simgeler için SVG daha iyi bir seçim olacaktır. Tam olarak neden bir göz atalım:
SVG Vektör Teknolojisidir
Bu, raster teknolojisinin olmadığı anlamına gelir. Vektör görüntüler, matematik kullanılarak oluşturulan satırların birleşimidir. Raster dosyaları piksel veya küçük kareler kullanır. Bu, SVG'nin bir cihazın ekran boyutuyla birlikte ölçeklenmesi gereken duyarlı web siteleri için ölçeklenebilir ve mükemmel olmasının bir nedenidir. Vektör grafikleri matematiğin dünyasında bulunduğundan, boyutu değiştirmek için sadece sayıları değiştirirsiniz. Raster dosyaları, boyutlandırma söz konusu olduğunda genellikle önemli bir gözden geçirme gerektirir. Bir vektör görüntüsünü yakınlaştırmak istediğinizde, sistemin bir matematik olduğu ve tarayıcının bu matematiği yeniden hesapladığı ve çizgileri hiç olmadığı kadar düzgün hale getirdiği için bir bozulma yoktur. Raster bir görüntüyü yaklaştırdığınızda, görüntü kalitesini kaybedersiniz ve bu renk piksellerini görmeye başladığınızda dosya bulanıklaşmaya başlar. Matematik genişler ve sözleşmeler, pikseller yapmaz. Resimlerinizin çözünürlükten bağımsız olmasını istiyorsanız, SVG size bu yeteneği verecektir.
SVG Metin Tabanlı
Bir görüntüyü oluşturmak için bir grafik düzenleyici kullandığınızda, program tamamlanmış resminizin bir resmini çeker. SVG farklı çalışır. Bazı yazılım programlarını kullanmaya devam edebilir ve bir resim çiziyormuş gibi hissedebilirsiniz, ancak son ürün bir dizi vektör çizgisi veya hatta bir araya getirilmiş kelimelerdir (bunlar gerçekten de sadece sayfadaki vektörlerdir). Arama motorları kelimelere, özellikle de anahtar kelimelere bakar. Bir JPG yüklerseniz, kendinizi grafiğinizin ve belki de alt metin ifadenizin başlığını sınırlandırıyorsunuz demektir. SVG kodlaması ile, olasılıkları genişletin ve daha fazla arama motoru dostu olan görüntüler oluşturun.
SVG XML'dir ve Diğer Dil Biçimleri İçinde Çalışır
Bu, metin tabanlı koda geri gider. Baz görüntünüzü SVG'de yapabilir ve CSS'yi kullanarak cilalayabilirsiniz. Evet, aslında bir SVG dosyası olan bir resminiz olabilir, ancak SVG'yi doğrudan sayfaya aktarabilir ve ileride düzenleyebilirsiniz. CSS ile sayfa metnini değiştirdiğiniz gibi değiştirebilirsiniz. Bu çok güçlüdür ve kolay düzenleme yapar.
SVG Kolayca Düzenlendi
Bu muhtemelen en büyük avantajdır. Bir karenin resmini çektiğinizde, ne olduğu. Bir değişiklik yapmak için sahneyi sıfırlamanız ve yeni bir fotoğraf çekmeniz gerekiyor. Bilmeden önce, 40 karelik kareye sahipsin ve hala tam olarak doğru değil. SVG ile bir hata yaparsanız, bir metin düzenleyicideki koordinatları veya bir kelimeyi değiştirin ve işiniz bitti. Bunun ile ilişkili olabilir, çünkü doğru şekilde yerleştirilmemiş bir SVG çemberi çizdim. Tek yapmam gereken koordinatları ayarlamaktı.
JPG görüntüleri ağır olabilir
Görselinizin fiziksel boyutta büyümesini istiyorsanız, dosya boyutunda da büyüyecektir. SVG ile, ne kadar büyük olursa olsun, bir pound hala bir pound. 2 inç genişliğinde bir kare, 100 inç genişliğindeki bir kare ile aynı ağırlığa sahip olacaktır. Dosya boyutu değişmez, bu da sayfa performans açısından mükemmeldir!
Peki hangisi daha iyi?
Peki daha iyi bir format nedir - SVG veya JPG? Bu resmin kendisine bağlı. Bu "neyin daha iyi, çekiç ya da tornavida?" Diye sormak gibidir. Neyi başarman gerektiğine bağlı! Bu görüntü formatları için de aynısı geçerlidir. Bir fotoğraf göstermeniz gerekiyorsa, JPG sizin için en iyi seçimdir. Bir simge ekliyorsanız, SVG muhtemelen daha iyi bir seçimdir. Burada SVG dosyalarını kullanmanın uygun olduğu zaman hakkında daha fazla bilgi edinebilirsiniz .
Jennifer Krynin tarafından yazılmış orijinal makale. 6/6/17 tarihinde Jeremy Girard tarafından düzenlenmiştir