Bu yazıda neler var?
Görselin güzel görünmesi kadar doğru boyutta yüklenmesi de önemlidir. Küçük bir kartta gösterilen dev dosya ziyaretçiye ek fayda sağlamadan veri tüketebilir. Buna karşılık aşırı sıkıştırma, ürün veya işçilik ayrıntılarını bozabilir.
Görselin görevini belirleyin
Ana görsel atmosferi ve hizmeti anlatır; ürün fotoğrafı ayrıntı gösterir; dekoratif görsel yalnızca tasarımı destekler. Her birine aynı kırpma oranını ve dosya boyutunu zorlamayın. Farklı ekranlar için uygun kaynaklar hazırlayın.
Dosyayı hazırlarken
- Kullanım alanına uygun piksel ölçüsünü seçin.
- WebP veya AVIF gibi seçenekleri görünümle birlikte karşılaştırın.
- Görselin genişlik ve yükseklik bilgisini tanımlayın.
- Ekran altındaki görsellerde gecikmeli yüklemeyi değerlendirin.
İlk ekranı ayrı ele alın
Ana görselin çok geç yüklenmesi ilk izlenimi zayıflatır. Her resmi aynı anda yüksek öncelikle yüklemek de öncelik kavramını anlamsızlaştırır. İlk ekranın ihtiyaçlarını sayfanın devamından ayırın.
Alternatif metin nasıl olmalı?
Anlam taşıyan fotoğrafı bulunduğu bağlam içinde açıklayın. “En iyi ucuz web tasarım SEO ajansı” gibi anahtar kelime dizileri kullanmayın. Süsleme niteliğindeki görsellerde boş alternatif metin uygun olabilir. Sonuçları yalnızca bir hız puanından okumayın; yavaş bağlantıda gerçek sayfanın kullanılabilirliğini de inceleyin.
Dosya karşılaştırması yapın
Aynı görselin iki farklı sıkıştırma sürümünü hazırlayın. Normal görüntüleme boyutunda doku, kenar ve yazı ayrıntılarını karşılaştırın. Dosya küçülürken ziyaretçinin karar vermesine yarayan bir ayrıntı kayboluyorsa daha dengeli sürümü seçin.
Dosyaları anlaşılır adlarla saklayın ve hangi sayfada kullanıldığını kaydedin. Aynı fotoğrafın farklı adlarla tekrar tekrar yüklenmesi bakım yükünü artırabilir. Orijinal dosyayı ayrı tutmak sonraki kırpmaları daha kolay hazırlamanızı sağlar.