WhatsAppWeb Performansı
Web sitesi görsellerinde doğru boyut ile netlik nasıl dengelenir?
Bir görselin dosya boyutu küçük olduğu için iyi, büyük olduğu için kaliteli olduğunu söyleyemeyiz. Web sayfasında kullanılacağı alan, kırpılma biçimi ve cihaz ekranı…
Web Performansı
Görseli kullanılacağı alana göre hazırlayın
Slider, ürün kartı ve makale kapağı aynı oranı kullanmak zorunda değildir. Fotoğrafın önemli bölümünün dar ekranda kesilip kesilmediğini kontrol edin. Dikey ürün fotoğrafını geniş bir başlık alanına zorla yerleştirmek, boşluk ya…
Bir görselin dosya boyutu küçük olduğu için iyi, büyük olduğu için kaliteli olduğunu söyleyemeyiz. Web sayfasında kullanılacağı alan, kırpılma biçimi ve cihaz ekranı belirleyicidir. Amaç fotoğrafı gereksiz yere ağırlaştırmadan ürünün veya hizmetin ayrıntılarını okunaklı göstermektir.
Görseli kullanılacağı alana göre hazırlayın
Slider, ürün kartı ve makale kapağı aynı oranı kullanmak zorunda değildir. Fotoğrafın önemli bölümünün dar ekranda kesilip kesilmediğini kontrol edin. Dikey ürün fotoğrafını geniş bir başlık alanına zorla yerleştirmek, boşluk ya da gereksiz kırpılma oluşturur. Logo gibi keskin kenarlı öğelerde uygun vektör dosyası kullanmak düşünülebilir. Fotoğrafın içine uzun açıklama gömmek yerine metni sayfada tutmak farklı ekranlara uyarlamayı kolaylaştırır.
Yükleme davranışını sayfanın sırasına göre seçin
İlk ekranda görünen ana görsel ile sayfanın çok aşağısındaki referans görseli aynı yükleme önceliğine ihtiyaç duymaz. Görsele en ve boy bilgisi vermek, yüklenirken çevresindeki metnin yer değiştirmesini azaltmaya yardımcı olur. Kartlarda çok büyük kaynak dosyaları kullanmayın. Birden fazla ekran boyutu için uygun alternatifler hazırlanabilir. Bu tercihleri yalnız dosya büyüklüğüyle değil, sayfanın açılması sırasında gerçekten hangi görüntünün gerektiğiyle değerlendirin.
Netliği ve açılışı birlikte kontrol edin
Görseli hem telefonda hem geniş ekranda inceleyin; ürün yazıları, logo ve ince çizgiler okunaklı kalmalıdır. Sıkıştırma sonrasında renk geçişlerinde bozulma oluşup oluşmadığına bakın. Yükleme ölçümünü tek bir bağlantı hızına bağlamayın; zayıf bağlantıdaki ilk ekran deneyimini de kontrol edin. Angora Tasarım ile görsel optimizasyonu planlarken kaynak dosyalarını paylaşmanız, küçük bir görüntüyü büyütmeye çalışmak yerine doğru türevlerin hazırlanmasını sağlar.