Giriş
Web sitesindeki görsel, konuyu anlatmaya yardım etmeli ve sayfanın kullanılmasını zorlaştırmamalıdır. Çok büyük dosya bekleme süresini uzatabilir; yalnız dosyayı küçültmeye odaklanmak da ayrıntıları kaybettirebilir. Seçim yaparken görselin görevi, gösterileceği alan ve alternatif metni birlikte değerlendirmek daha sağlıklı bir başlangıçtır.
Önce görselin sayfadaki görevini belirleyin
Bir hizmet fotoğrafı, ürün ayrıntısı, ekip tanıtımı ve yalnızca atmosfer oluşturan bir arka plan aynı amaçla kullanılmaz. Görsel bilgi taşıyorsa ziyaretçi hangi ayrıntıyı görmeli, bunu kısa bir cümleyle yazın. Bu cümleyi kurmak güçse görselin gerçekten gerekli olup olmadığını yeniden düşünün. Aynı sayfada benzer fotoğrafları art arda kullanmak, içeriği güçlendirmek yerine asıl mesajı gölgeleyebilir.
Görseli yerleştireceğiniz alanın oranını da önceden bilin. Yatay bir kapak için dikey fotoğraf seçmek önemli bölümlerin kesilmesine yol açabilir. Mobil görünümde odak noktasının kayıp kaybolmadığını kontrol edin. İnsan, ürün veya önemli bir nesne kadrajın kenarındaysa farklı ekranlarda kırpmayı özellikle deneyin.
Dosya boyutunu ekrandaki kullanımına göre ayarlayın
Kaynak fotoğrafın en büyük sürümünü her yerde kullanmak gerekmez. Görselin ekranda kaplayacağı alanı ve hedef ekranların yoğunluğunu dikkate alarak uygun ölçüde dışa aktarın. Küçük bir kart görseli ile tam genişlikteki kapak aynı dosyayı gerektirmeyebilir. Görüntü biçimini seçerken fotoğraf, şeffaf grafik ve çizim arasındaki farkı gözetin; seçilen biçimin tarayıcı ve içerik yönetim sistemiyle uyumunu doğrulayın.
Sıkıştırma sonrası yalnız dosya boyutuna bakmayın. İnce çizgiler, yazı bulunan alanlar ve yüz ayrıntıları bozulmuş mu? Gerçek telefonda ve masaüstünde görüntüleyin. Birden fazla görsel aynı sayfada yer alıyorsa toplam yükü değerlendirin; tek tek küçük görünen dosyalar birlikte ağırlaşabilir.
Alternatif metni görselin bağlamına göre yazın
Alternatif metin, dosya adının veya anahtar kelime listesinin kopyası değildir. Bilgi taşıyan görselde, metnin yanında bulunmayan gerekli bilgiyi kısa ve doğal biçimde anlatın. Örneğin bir ekran görüntüsü belirli bir işlem sırasını gösteriyorsa, kullanıcı için önemli adımı belirtin. Aynı bilgi hemen yanındaki metinde açıkça anlatılıyorsa tekrar etmeyin.
Yalnız süsleme amacıyla kullanılan görselin açıklaması farklı ele alınabilir. İçerik yönetim sisteminde dekoratif işaretleme seçeneği varsa uygun durumda kullanın. Görselin içinde önemli yazı varsa onu yalnız görüntüye hapsetmeyin; aynı bilgiyi sayfanın gerçek metninde de sunun. Böylece görsel yüklenmediğinde veya ekran okuyucu kullanıldığında anlam kaybolmaz.
Dosya adı, kırpma ve kaynak bilgisini kontrol edin
Dosya adını ekibin daha sonra anlayabileceği şekilde yazın. Rastgele kamera kodu yerine konuyu ve kullanım yerini anlatan kısa bir ad, içerik bakımını kolaylaştırır. Kullanım hakkını, fotoğraf kaynağını ve gerekiyorsa izin bilgisini içerik dosyasında saklayın. Stok fotoğraf kullanılıyorsa görselin gerçek işletme, ekip veya proje izlenimi yaratmadığından emin olun.
Yükleme öncesinde son bir kontrol yapın: dosya doğru sürüm mü, kadraj mobilde korunuyor mu, alternatif metin görselin göreviyle uyumlu mu, bağlantı ve lisans bilgisi kayıtlı mı? Aynı görsel farklı sayfalarda kullanılıyorsa açıklamasının bağlama göre değişebileceğini unutmayın.
Yayından sonra gerçek sayfayı yeniden inceleyin
Önizleme ekranı ile canlı sayfa farklı davranabilir. Görselin yüklenip yüklenmediğini, mobilde önemli bölümün kesilip kesilmediğini ve sayfanın açılışını gerçek bağlantıda kontrol edin. Bağlantı yavaşken boş alan veya ani yer değiştirme oluyorsa görsel yükleme ayarlarını gözden geçirin. Son değişiklikten sonra aynı sayfayı tekrar test etmek, yanlış dosya veya eski önbellek sorununu erken yakalar.
Görsel seçiminin iyi sonucu, tek bir teknik sayıya bağlı değildir. Okunabilir anlatım, uygun ölçü ve erişilebilir açıklama birlikte çalışır. Web sitesi içeriğini planlamak için DijitUP web tasarım hizmetini inceleyebilirsiniz.