Küçük bir ekran boyutunda kullanışlı kalacak küçük resimler oluşturun

Bir kart görüntüsü, birinin bir ürünü, makaleyi veya galeri öğesini hızlı bir şekilde tanımasına yardımcı olur. Daha büyük fotoğrafta her ayrıntıyı göstermek zorunda değil. Küçükken anlaşılır olmaya devam eden bir kompozisyon seçin: tam oda çekimi daha yakın bir görünümden daha az kullanışlı olabilirken, bir ürün küçük resmi yine de çekici ama belirsiz bir ayrıntıdan ziyade doğru öğeyi göstermelidir.

Dışa aktarmadan önce kartın şeklini kontrol edin. Fit Inside, kaynağın tamamını korur, ancak web siteniz daha sonra kendi stiliyle kesebilir. Kesin bir kırpma, size o yuva için kasıtlı bir kompozisyon verir. Genişletilmiş bir galeri veya ürün yakınlaştırması için daha büyük kaynağı kullanın. Yalnızca ayrıntılı görüntüyü küçük resimle değiştirmeyin ve bir ziyaretçiyi açtığında büyütmenin ayrıntılarını yeniden oluşturmasını beklemeyin.

Başlangıç ön ayarı 800 x 800 piksele sığar, WebP'yi seçer ve hafif keskinleştirme uygular. Bu, evrensel bir küçük resim gereksinimi değil, bir kart adayı için bir örnektir. Gerçek görüntü genişliğini ve duyarlı yoğunluk ihtiyaçlarını ölçün, ardından uygun bir dışa aktarma seçin. Geniş bir kaynak, otomatik olarak kare haline gelmek yerine oranını kutunun içinde tutacaktır.

Görüntüyü gerçek kartın boyutunda inceleyin. Bir yüz, etiket veya ayırt edici ürün özelliği yine de tanınabilir olmalıdır. Küçük gömülü kelimeler, gerçek kart metni olarak daha iyi sağlanabilir. Güçlü kenar kontrastı küçük bir görüntüyü meşgul edebileceğinden, hafif keskinleştirme ile karşılaştırın. WebP iş akışınızda işe yaramazsa, bir JPEG'i aynı boyutlarda test edin. Mevcut şeffaflığa ihtiyaç duyan varlıklar için PNG kullanın; Buradaki mevcut WebP dışa aktarma opaktır.

Dosyayı gerçek ızgaraya yerleştirin ve bir telefonu, tablet genişliği düzenini ve büyük bir ekranı kontrol edin. Tarayıcının tam boyutlu görüntü yerine küçük resim adayını yüklediğini onaylayın. Site uygulamasında uygun duyarlı kaynakları ve ayrılmış boyutları sağlayın. Sayfa her kart için farklı bir büyük boyutlu dosya talep ediyorsa, küçük bir yerel dışa aktarmanın hiçbir etkisi yoktur.

Tüm tarama etkileşimini inceleyin. Bağlantı olarak kullanılan bir küçük resim, görüntüsü veya çevresindeki metin aracılığıyla anlamlı bir erişilebilir ada ihtiyaç duyar. İlgili içeriği gizlemeden tarama için kırpmayı yeterince tutarlı tutun. Bir galeri için, öğeyi açmanın uygun daha büyük bir kaynak gösterdiğini test edin. Aynı rolü paylaşan yalnızca toplu görüntüler ve uzun ürünler veya geniş iç mekanlar gibi aykırı değerleri ayrı ayrı inceleyin. Dönüştürücü, dosyaları yerel olarak oluşturur ve web sitenizi değiştirmez veya bir galeri yayınlamaz. Küçük resim kurallarının daha sonra değişebilmesi için orijinal seti koruyun.

Erken küçük resim testleri olarak uzun bir ürün ve geniş bir oda fotoğrafı seçin. Onları gerçek ızgarada sıradan bir kare dostu görüntünün yanına koyun. Paylaşılan stilin ürünü gizleyip gizlemediğini veya odayı tanınmaz hale getirip getirmediğini kontrol edin. Çoğu görüntü aynı kuralla çalışsa bile, bir aykırı değer için kasıtlı bir kırpma veya ayrı bir aday gerekebilir. Etiketlere ve yüzlere normal kart boyutunda bakın ve resim mevcut olmadığında bağlantının hala anlamlı olduğunu doğrulayın. Bu test, küçük resmi kendi başına görüntülenen küçük bir dosya yerine taramanın bir parçası olarak değerlendirmenize yardımcı olur.