SVG ne zaman kullanılır? PNG ile farkı

İki farklı görsel paradigma:

SVG (vektör)

Matematiksel formüller (eğri + çizgi). Sonsuz büyütülebilir — kalite kaybı yok.

• Avantaj: Her ekran boyutunda keskin, küçük dosya, CSS ile renklendirilebilir.
• Dezavantaj: Fotoğraflar için uygun değil.
• Kullan: Logo, ikon, grafik, illüstrasyon.

PNG (raster)

Piksel matrisi. Belirli bir çözünürlükte.

• Avantaj: Her şeyi destekler (fotoğraf, ikon, screenshot).
• Dezavantaj: Büyütünce bulanır.
• Kullan: Fotoğraf, screenshot, complex grafik.

Boyut karşılaştırma

• PNG 256×256: ~15KB
• SVG aynı: ~2KB
• SVG retina (1024×1024): hâlâ ~2KB (matematik aynı)
• PNG retina: ~80KB

Web kullanımı

Logo, ikon, butonlar → SVG. Fotoğraflar, screenshot → JPG/PNG/WEBP.