SVG (Scalable Vector Graphics), modern web tasarımının vazgeçilmez görsel standardıdır. JPEG ve PNG gibi piksel (raster) tabanlı formatların aksine ne kadar yakınlaştırırsanız yakınlaştırın asla piksellenmez (bulanıklaşmaz).
Neden Web Sitelerinde Tercih Edilmelidir?
- Sonsuz Ölçeklenebilirlik: Akıllı telefon ekranından 8K devasa televizyona kadar her çözünürlükte jilet gibi net görünür.
- Mikroskobik Dosya Boyutu: Çoğu SVG ikonu yalnızca birkaç kilobayt (KB) yer kaplar, sayfa yükleme hızını uçurur.
- CSS ve JS ile Canlandırılabilirlik: SVG kodlarına doğrudan CSS ile renk verilebilir veya JavaScript ile etkileşimli animasyonlar uygulanabilir.
- SEO ve Erişilebilirlik: SVG metin tabanlı bir XML olduğu için arama motorları içindeki metinleri okuyup indeksleyebilir.
Kullanım Alanları
Şirket logoları, arayüz ikonları (menü, sepet, arama), illüstrasyonlar ve infografikler için SVG en ideal formattır. Ancak karmaşık fotoğraflar için WebP veya AVIF kullanılmalıdır.
Sıkça Sorulan Sorular (SSS)
Vektörel Görsel (SVG Formatı) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
Evet! SVG bir XML dosyası olduğu için içine zararlı JavaScript (XSS) kodları gömülebilir; kullanıcı yüklemelerinde mutlaka 'SVG Sanitizer' ile temizlenmelidir.
SVGO veya SVGOMG araçları ile gereksiz editör meta verileri temizlenerek dosya boyutu %40-60 oranında hafifletilebilir.