Web görseli kaç piksel olmalı? Önce kapladığı alanı ölçün
Mobil kart ile tam genişlikte bir kapak için görsel boyutunu, kırpmayı ve dosya ağırlığını ayrı ayrı belirleyin.
Ürün fotoğrafı ana sayfada 480 piksel genişliğinde bir kartta duruyorsa 5000 piksellik çekimi her telefona göndermek gereksizdir. Aynı fotoğraf tam ekran açılabiliyorsa büyük sürümün de bir görevi vardır. İlk ölçüm dosya klasöründe değil, görselin tarayıcıda kapladığı alanda yapılır.
Küçük kartı yakınlaştırarak değerlendirin
Örnek olarak 480 CSS pikseli genişliğindeki bir kart için 480 ve 960 piksel genişliğinde iki çıktı hazırlayın. Tarayıcı, uygun şekilde tanımlanan srcset ve sizes değerleriyle ekran yoğunluğuna ve yerleşime göre seçim yapabilir. Kart telefonda farklı oranda kırpılıyorsa küçük boyutu ayrıca kadrajlayın. Yalnızca küçültmek, çerçevenin dışında kalan ürünü geri getirmez.
İki çıktıyı gerçek telefonla açın. İnce bir ambalaj çizgisi dağılıyorsa sıkıştırmayı kademeli azaltın. Görsel keskin kalıyorsa daha hafif olan dosyayı kullanın. Kapak, liste kartı ve yakın plan için hangi boyutun kullanıldığını kaydetmek, sitenin sonraki güncellemelerinde de aynı kaliteyi yakalamayı kolaylaştırır.