SVG (Ölçeklenebilir Vektör Grafikleri)
SVG, herhangi bir çözünürlüğe kalite kaybı olmadan ölçeklenebilen XML tabanlı bir vektör görüntü formatıdır. Web üzerindeki logolar, simgeler, illüstrasyonlar ve etkileşimli grafikler için idealdir. SVG dosyaları CSS ile biçimlendirilebilir, JavaScript ile canlandırılabilir ve tamamen aranabilir ve erişilebilirdir.
MIME Tipi
image/svg+xml
Tip
Metin
Sikistirma
Kayipsiz
Avantajlar
- + Infinite scalability without quality loss
- + Tiny file sizes for simple graphics
- + Styleable with CSS and scriptable with JS
- + Accessible and SEO-friendly (text is selectable)
Dezavantajlar
- − Not suitable for photographs or complex raster images
- − Complex SVGs can be large and slow to render
- − Security concerns when accepting user-uploaded SVGs
.SVG Ne Zaman Kullanilir
SVG'yi logolar, simgeler, illüstrasyonlar, grafikler ve herhangi bir çözünürlükte mükemmel ölçeklenmesi veya CSS ile biçimlendirilmesi gereken tüm grafikler için kullanın.
Teknik Detaylar
SVG, görüntüleri geometrik şekilleri, yolları ve metni tanımlayan XML metni olarak depolar. Filtreleri, degradeleri, kırpma yollarını, maskeleri ve gömülü tarama görüntülerini destekler.
Gecmis
SVG, W3C tarafından geliştirilmiş ve ilk olarak 2001 yılında bir tavsiye olarak yayımlanmıştır. SVG 1.1, 2003 yılında yaygın olarak kabul gören standart haline gelmiş olup SVG 2 şu anda geliştirme aşamasındadır.
.SVG formatindan donustur
.SVG formatina donustur
Ilgili Formatlar
Ilgili Terimler
Learn More
Color Theory for Digital Design: A Practical Guide
Understanding color theory helps you create visually harmonious designs that communicate effectively. This guide covers color models, harmony rules, accessibility …
CSS Units Explained: px, em, rem, vh, and When to Use Each
CSS offers over a dozen length units, each suited to different situations. Understanding the differences between absolute and relative units …
Image Format Guide: JPEG vs PNG vs WebP vs AVIF
Choosing the right image format affects file size, quality, and browser compatibility. This comparison covers the strengths of JPEG, PNG, …
QR Code Generation: Best Practices for Print and Digital
QR codes bridge physical and digital experiences, but poorly generated codes fail to scan. This guide covers sizing, error correction, …
Flexbox vs CSS Grid: A Practical Comparison
Flexbox and CSS Grid are complementary layout systems, not competitors. This guide clarifies when to reach for each one and …
How to Convert Images Between Formats
A practical guide to converting between image formats like JPEG, PNG, WebP, SVG, and HEIC. Learn which conversions are lossless, …