Ürün görseli, liste kartından ödeme özetine kadar farklı boyutlarda kullanılabilir. Kaynağı baştan düzenli hazırlamak, her ekranda daha tutarlı bir sonuç verir.

Bir ana oran belirleyin

Katalog kartları için tek bir en-boy oranı kullanın. Ana ürün görselinde object-fit: cover kutuyu doldurur; önemli öğeleri kenarlardan uzak tutun ki küçük kartta kesilmesin.

Görselin ne gösterdiğini yazın

Alternatif metin, dosya adını değil görselin ürün açısından anlamını tarif etsin. Dekoratif görsellerde boş alternatif metin kullanın.

Dosyaları sade tutun

WebP gibi verimli biçimler kullanın, gerçek çözünürlüğün ekranda ihtiyaç duyulandan çok büyük olmamasına dikkat edin ve geniş içerik görsellerinde tembel yüklemeyi etkinleştirin.

Mobil kırpımı kontrol edin

Yükleme önizlemesi, katalog kartı, ürün detay sayfası ve sepet küçük resmi aynı dosyayı farklı kırpabilir. Yayımdan önce bu görünümlerin her birini kontrol edin.