Intern
SVG nedir?
sobes.tech yapay zeka
AI'dan gelen yanıt
SVG (Ölçeklenebilir Vektör Grafikleri), XML tabanlı iki boyutlu grafikler oluşturmak için kullanılan bir vektör grafik formatıdır. Raster görüntülerden farklı olarak, SVG matematiksel formüller kullanarak grafikleri tanımlar, bu da görüntülerin kalite kaybı olmadan ölçeklenmesine olanak tanır.
SVG'nin temel özellikleri:
- Vektör formatı: Görüntüler, noktalar, çizgiler, eğriler, şekiller gibi geometrik primitive'lerle tanımlanır, piksel kullanmaz.
- XML temelli: SVG belgesinin yapısı XML sözdizimine dayanır, bu da onu kolayca okunabilir ve düzenlenebilir kılar.
- Ölçeklenebilirlik: Görüntüler, netlik veya kalite kaybı olmadan büyütülebilir veya küçültülebilir.
- İnteraktiflik: SVG öğeleri, JavaScript kullanılarak olaylara (tıklama, fareyle üzerine gelme vb.) yanıt verebilir.
- Stil verme: SVG öğelerinin görünümü CSS kullanılarak biçimlendirilebilir.
- Animasyon: SVG, yerleşik araçlar veya CSS/JavaScript ile öğelerin animasyonunu destekler.
Web'de SVG kullanmanın avantajları:
- Simge ve logo için idealdir: Ölçeklenebilirlik, ekranın herhangi bir çözünürlüğünde keskin görüntü sağlar.
- Daha küçük dosya boyutu: Birçok grafik türü için SVG dosyaları, benzer raster formatlarından daha küçük olabilir.
- SEO dostudur: SVG içindeki metin, arama motorları tarafından indekslenir.
- Erişilebilirlik: Metin tabanlı doğası sayesinde, SVG, yardımcı teknolojiler için daha erişilebilir hale gelir.
- Kolay modifikasyon: XML olduğu için, içeriği dinamik olarak değiştirilebilir.
Basit bir SVG resmi örneği (daire):
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>