SVG (Ölçeklenebilir Vektör Grafikleri), simgeler, logolar ve diyagramlar için yaygın olarak kullanılan bir SVG formatıdır. Bu kılavuz uyumluluk, sıkıştırma, şeffaflık ve dönüştürme seçeneklerini kapsar.
| Özellik | Destek |
|---|---|
| Şeffaflık | alpha |
| Animasyon | native_or_css_script |
| Birincil kullanımlar | logos, icons, diagrams, charts, responsive graphics |
Uzantı
.svg
Sıkıştırma
text_or_gzip
Tarayıcı desteği
modern_major
Mucit
W3C SVG Working Group
Mucit organizasyonu
W3C
Menşe yılı
2001
Resolution independent
Text based
CSS/script capable
Poor fit for photos
Requires sanitization for untrusted uploads
SVG logolar, simgeler, diyagramlar, çizelgeler ve duyarlı grafikler için metin tabanlı bir vektör formatıdır. Sabit pikseller yerine şekilleri tanımladığı için temiz bir şekilde ölçeklenir, ancak güvenilmeyen yüklemeleri kabul ederken arındırılması gerekir.
SVG, W3C tarafından web için XML tabanlı bir vektör grafik dili olarak geliştirildi.
Sabit piksel uyumluluğu gerektiğinde SVG'i PNG'e rasterleştirin. Çıktı boyutlarını, ölçeğini, arka plan rengini ve yazı tipi kullanımını dikkatli bir şekilde seçin.
SVG rasterleştirilene kadar her boyutta keskin kalır. PNG/JPG çıkışları, vektör talimatlarının sabit pikselli anlık görüntüleridir.
SVG meta veriler, gömülü referanslar, komut dosyaları, bağlantılar ve metin içerebilir. Güvenilmeyen SVG'i temizleyin ve dönüştürme sırasında harici kaynak yüklerini engelleyin.
Güçlü tarayıcı ve vektör düzenleyici desteği; oluşturma, yazı tiplerine ve özelliklere göre değişir.
format slug
svg
inventor
W3C SVG Working Group
strengths
Resolution independent, Text based, CSS/script capable
use cases
logos, icons, diagrams, charts, responsive graphics
weaknesses
Poor fit for photos, Requires sanitization for untrusted uploads
color depth
Vector color model; rasterization target determines pixel depth.
compression
text_or_gzip
origin year
2001
standard owner
W3C
browser support
modern_major
metadata support
XML metadata, RDF, title, desc
software support
Strong browser and vector-editor support; rendering varies by fonts and features.
animation support
native_or_css_script
compression method
XML text; optional gzip for SVGZ
best source formats
eps, pdf, ai
best target formats
png, pdf, jpg
transparency support
alpha
inventor organization
W3C
SVG şeffaflık desteği: alfa. Şeffaf arka planlar önemli olduğunda alfa destekli bir hedef format seçin.
Başka bir format uyumluluk, dosya boyutu, şeffaflık, meta veriler veya düzenleme ihtiyaçlarıyla daha iyi eşleştiğinde SVG'i dönüştürün.
Eksik yazı tipleri, harici varlıklar, CSS veya desteklenmeyen SVG özellikleri rasterleştirilmiş sonucu değiştirebilir.
SVG bir işaretlemedir ve komut dosyaları veya harici referanslar içerebilir. Güvenilmeyen SVG, oluşturmadan önce temizlenmelidir.
Yüksek yoğunluklu ekranlar için son ekran boyutunu kullanın veya 2x/3x'e aktarın.
Ölçeklenebilir logoların desteklendiği yerlerde SVG kullanın; sabit raster iş akışları için PNG'i geri dönüş olarak kullanın.
W3C - official_spec
MDN Web Docs - browser_documentation