Web İçin Görsel Optimizasyonu
Web sayfalarının yükleme hızı, kullanıcı deneyimi ve SEO sıralaması için kritik öneme sahiptir. Görseller genellikle sayfa boyutunun %50-80'ini oluşturur. Bu rehberde web için görsel optimizasyonunun tüm yönlerini ele alıyoruz.
Görsel Formatları Karşılaştırma
JPEG
Fotoğraflar ve karmaşık görseller için ideal. Kayıplı sıkıştırma kullanır. Şeffaflık desteklemez.
PNG
Logolar, ikonlar ve şeffaflık gerektiren görseller için. Kayıpsız sıkıştırma. JPEG'den daha büyük dosya boyutu.
WebP
Modern format. JPEG'den %25-34 daha küçük. Hem kayıplı hem kayıpsız sıkıştırma ve şeffaflık desteği.
Optimizasyon Adımları
- Doğru format seçin: Fotoğraf = JPEG/WebP, Logo = PNG/SVG
- Boyutlandırın: Görseli kullanılacağı boyutta yükleyin (2000px genişlikte bir resmi 400px'de kullanmayın)
- Sıkıştırın: Kalite ayarını %70-85 arasında tutun
- Lazy loading kullanın: Sayfa aşağısındaki görselleri gecikmeli yükleyin
- CDN kullanın: Görselleri küresel olarak dağıtın
Boyut Önerileri
- Blog görseli: 1200x630px (sosyal medya paylaşımı için de uygun)
- Thumbnail: 300x200px
- Hero banner: 1920x600px
- Ürün fotoğrafı: 800x800px
Sonuç
Görsel optimizasyonu, web performansını dramatik şekilde iyileştirir. PdfMetric'in ücretsiz resim sıkıştırma, boyutlandırma ve format dönüştürme araçları ile görsellerinizi kolayca optimize edebilirsiniz.