AnasayfaMakale AraçlarHakkında DestekAbone Ol

// Ücretsiz Çevrim İçi Araç

Web İçin Görselleri Optimize Et

Görselleri WebP’ye dönüştürün, uygun kaliteyle sıkıştırın ve görüntüleme boyutlarına göre yeniden boyutlandırın. Daha hızlı görseller, daha iyi Core Web Vitals, daha yüksek SEO sıralamaları ve daha düşük hemen çıkma oranları demektir. Ücretsiz, anında, gizli.

Web siteleri için görsel optimizasyonunun önemi

Görseller, herhangi bir web sayfasında en büyük varlıklar olup, ortalama olarak toplam sayfa ağırlığının %60–70’ini oluşturur. Optimizasyon yapılmayan görseller, sayfa yükleme süresinin en yaygın yavaşlamasına neden olur; bu da doğrudan: hemen çıkma oranı (mobil kullanıcıların %53’ü 3 saniyeden fazla yüklenen sayfalardan ayrılır), Core Web Vitals puanları (özellikle LCP – Largest Contentful Paint) ve Google arama sıralamaları (sayfa hızı doğrulanmış bir sıralama faktörüdür) üzerinde etkili olur.

Web görsel optimizasyonu kontrol listesi

  1. WebP formatını kullanın - JPEG’e göre %25–35 daha küçük, aynı kalite seviyesinde. Tüm modern tarayıcılar destekler.
  2. Kaliteyi 75–85 olarak ayarlayın - 100’den tipik web görüntüleme boyutlarında farkı algılanamaz.
  3. Görüntüleme boyutlarına göre yeniden boyutlandırın - 800px’lik bir sütunda 4000px’lik bir görsel sunmayın. Önce yeniden boyutlandırın.
  4. Duyarlı görseller kullanın - Farklı ekran genişliklerine farklı boyutlar sunmak için srcset ekleyin
  5. ekleyin loading="lazy" - İlk sayfa yüklemesini hızlandırmak için ekran dışı görselleri erteleme.
  6. Açık genişlik/yükseklik ayarlayın - Düzen kaymasını önler (CLS puanını iyileştirir).

Web optimizasyonu için önerilen ayarlar

Çoğu web görseli için: WebP formatı, kalite {80}, gerçek görüntüleme genişliğine göre yeniden boyutlandırma. Hero görselleri için: kalite 85, maksimum 1920px genişlik. Küçük resimler için: kalite 75, 400–800px genişlik. Ürün görselleri için: kalite 85, 800–1200px kare.

Sıkça Sorulan Sorular

Image optimization typically delivers the largest single improvement to page load time. Reducing a page's total image weight from 5 MB to 500 KB cuts image loading time by 90% on a typical connection. This can move LCP from 4+ seconds to under 2.5 seconds - the threshold for a "Good" Core Web Vitals score - improving both user experience and search rankings.
WebP is the recommended format for most websites. It achieves 25–35% smaller files than JPEG at equivalent quality and is supported by 97% of browsers. For advanced optimization, use AVIF as primary with WebP as fallback - AVIF is 20% smaller than WebP but has 93% browser support. Implement both via the HTML <picture> element.
Yes, directly. Google's Core Web Vitals include LCP (Largest Contentful Paint), which measures how long the largest image on the page takes to load. A poor LCP score (above 4 seconds) is a confirmed Google ranking signal. Image optimization is the fastest and most impactful way to improve LCP. Google's PageSpeed Insights will specifically flag unoptimized images as "opportunities."
Before - always. While some CMS platforms (WordPress with plugins, Shopify) offer automatic image optimization, the best approach is to pre-optimize before upload. This ensures your CDN and page source always serve optimized images regardless of plugin configuration, and avoids the processing overhead of on-the-fly optimization.