Formatı içerik belirler
- WebP: Bugün web'in varsayılanı olmalı. Aynı görüntü kalitesinde JPG'den belirgin biçimde küçüktür ve saydamlığı da destekler.
- JPG: Fotoğraflar için hâlâ güvenli seçim. Saydamlık desteklemez; keskin çizgili grafiklerde kenarları kirletir.
- PNG: Saydamlık gerektiren logolar, ikonlar ve keskin kenarlı grafikler için. Fotoğraf için kullanılırsa dosya gereksiz yere büyür.
- SVG: Logolar ve ikonlar için en iyisi — her ölçekte keskin kalır ve çok küçüktür. Fotoğraf için uygun değildir.
Kaç piksel yüklemeli?
Kural basit: görselin ekranda kaplayacağı en büyük genişliğin iki katı yeterlidir. İki kat, yüksek yoğunluklu (Retina) ekranlarda keskin görünmesi içindir; daha fazlası boşa giden bayttır.
- Tam genişlikte kapak görseli: yaklaşık 2000–2400 piksel genişlik
- Yazı içi görsel: yaklaşık 1200–1600 piksel
- Küçük kart veya küçük resim: 600–800 piksel
Sayfanın zıplamasını engelleyin
Görsele genişlik ve yükseklik (ya da en-boy oranı) verin. Aksi hâlde görsel yüklendiği anda metni aşağı iter; bu hem rahatsız edicidir hem de Google'ın ölçtüğü sayfa deneyimi puanını düşürür.
Görünmeyeni sonraya bırakın
Ekranın ilk görünen bölümündeki görsel öncelikli yüklenmeli; aşağıda kalan her görsel tembel yüklenmelidir (`loading="lazy"`). Bu tek değişiklik uzun sayfalarda açılış süresini gözle görülür kısaltır.
Hazır boyutlar
AlluneedStock'taki her görsel yüklenirken birkaç boyutta WebP olarak hazırlanır; indirdiğinizde ihtiyacınıza uyan boyutu seçebilir ya da en büyüğünü alıp kendiniz küçültebilirsiniz.