Hızlı Özet (TL;DR)
Bir kurumsal web sitesinin toplam sayfa boyutunun ortalama %60 ile %80’ini görseller oluşturur. Fotoğraf makinesinden çıktığı gibi 5 MB boyutunda yüklenen PNG ve JPEG dosyaları mobil kullanıcının kotasını eritir ve sayfa açılışını 8-10 saniye geciktirir. Modern web geliştirmede yeni nesil WebP ve AVIF formatları kullanılarak görsel kalitesinden ödün vermeden dosya boyutları %70-%90 oranında küçültülür. Doğru görsel optimizasyonu hem PageSpeed skorunu zirveye taşır hem de Google Görseller aramasından nitelikli organik trafik çeker.
Görsel Formatları Karşılaştırması
| Format | Sıkıştırma Verimliliği | Şeffaflık (Alpha) | Tarayıcı Desteği | İdeal Kullanım |
|---|---|---|---|---|
| JPEG | Standart (Eski) | Desteklemez | %100 | Eski tarayıcı fallback’leri |
| PNG | Düşük (Büyük dosya boyutu) | Mükemmel | %100 | Vektörel olmayan şeffaf ikonlar |
| WebP | Çok Yüksek (%30 daha küçük) | Destekler | %97+ | Kurumsal web fotoğrafları ve banner’lar |
| AVIF | En Yüksek (%50 daha küçük) | Destekler | %93+ | Yeni nesil yüksek dinamik aralıklı görseller |
| SVG | Sonsuz ölçeklenebilir (Kod tabanlı) | Doğal destek | %100 | Logo, ikon ve grafik çizimleri |
Responsive Resim Mimarisi: picture ve srcset
Tek bir görseli tüm ekranlara zorlamak yerine, cihazın çözünürlüğüne uygun boyuttaki görseli tarayıcıya sunmak bant genişliğini korur:
<picture>
<source srcset="/img/banner-mobil.avif" media="(max-width: 600px)" type="image/avif" />
<source srcset="/img/banner.webp" type="image/webp" />
<img src="/img/banner.jpg" width="1200" height="600" loading="lazy" decoding="async" alt="Kurumsal Web Tasarım" />
</picture>
Görsel SEO’sunun 3 Temel İlkesi
- Anlamlı Dosya Adı: IMG_4819.jpg yerine b2b-kurumsal-web-tasarim-hizmetleri.webp şeklinde içeriği açıklayan dosya adları tercih edilmelidir.
- Eksiksiz Alt Metni (Alt Tag): Ekran okuyucular ve arama motorları için görselin ne anlattığını net belirten betimleyici alt metinleri yazılmalıdır.
- Lazy Loading: İlk ekranın altında kalan tüm resimler için loading=lazy özniteliği kullanılarak sayfa ilk açılışı hızlandırılmalıdır.
Işık hızında açılan görsel optimizasyonlu web projeleri için Kurumsal Web Tasarım ve SEO Çözümleri sayfamızı inceleyin.