Resim Formatlarını Anlamak
Görseller, web trafiğinin büyük kısmını oluşturur. Yanlış format seçimi yavaşlamalara neden olabilir. En popüler formatlara göz atalım.
1. JPEG (Joint Photographic Experts Group)
JPEG, fotoğraflar için en uyumlu formattır. Dosya boyutlarını küçük tutmak için kayıplı sıkıştırma kullanır. Şeffaflık veya animasyon desteklemez.
2. PNG (Portable Network Graphics)
PNG, kayıpsız bir formattır. Şeffaflığı (alfa kanalı) destekler ve logolar ile ikonlar için idealdir.
3. WebP (Google Web Picture)
WebP, web için tasarlanmış modern, yeni nesil bir formattır. Kayıplı ve kayıpsız sıkıştırma, şeffaflık ve animasyonu destekler. Dosya boyutları JPEG/PNG'ye göre %25-35 daha küçüktür.
4. SVG (Scalable Vector Graphics)
SVG, matematiksel yollara dayalı vektörel bir formattır. Kalite kaybı olmadan sonsuz ölçeklenebilir, logolar için mükemmeldir.
5. GIF (Graphics Interchange Format)
GIF, 256 renk ile sınırlı basit animasyonlar için kullanılan eski bir formattır. Modern animasyonlar için WebP tercih edilmelidir.
Karşılaştırma Tablosu
| Format | Tür | Sıkıştırma | Şeffaflık | Animasyon | En İyi Kullanım |
|---|---|---|---|---|---|
| JPEG | Piksel | Kayıplı | ❌ Hayır | ❌ Hayır | Fotoğraflar ve karmaşık sahneler |
| PNG | Piksel | Kayıpsız | ✅ Evet | ❌ Hayır | Logolar, metin, şeffaf grafikler |
| WebP | Piksel | Her ikisi | ✅ Evet | ✅ Evet | Genel modern web görselleri |
| SVG | Vektörel | Kayıpsız | ✅ Evet | ✅ Evet | İkonlar, logolar, vektör çizimler |
| GIF | Piksel | Kayıpsız | ✅ Evet (1-bit) | ✅ Evet | Basit hareketli memler |