Teknik temel

Görseller web için nasıl hazırlanır?

Görseli kullanılacağı boyuta göre dışa aktarın, kırpmayı tutarlı yapın ve anlam taşıyan içeriği alternatif metinle anlatın. Asılları ve lisans kayıtlarını saklayın. Mimarlık projesinde ölçülü önizleme kullanıp büyük görseli yalnız proje anlatımının gerektirdiği yerde sunun. Ürün detayı veya yazı okunamaz hale geliyorsa küçük dosya başarılı sonuç değildir.

Görseller web için nasıl hazırlanır?

Dışa aktarmadan önce kullanılabilir bir kaynak arşivi kurun

Önce kullanma hakkınız olan en kaliteli asılları toplayın. Bunları web için küçültülen dosyalardan ayrı tutun. Sosyal medyadan alınan ekran görüntüsü, önceden sıkıştırılmış veya kırpılmış olabileceğinden iyi kaynak olmayabilir. Dosyalara konu ve proje adı verin; başka biri bütün görselleri tek tek açmadan ne olduklarını anlayabilsin.

Görseli kimin ürettiğini, nereden alındığını, hangi kullanımın izinli olduğunu ve kaynak gösterme gereğini kısa bir hak kaydına yazın. Stok hesabına erişim, her dosyanın her kullanımını açıklamaz. Daha önce bir kampanya için çekilmiş fotoğrafın web kullanımını kapsayıp kapsamadığını doğrulayın. Dosyaya sahip olmak tek başına yayın izni değildir. Sözleşmeleri ve kişisel bilgileri herkese açık görsel klasörüne koymayın.

Her görsele bir görev verin. Geniş açılış görseli, küçük katalog resmi ve ayrıntılı proje fotoğrafı aynı ihtiyaca sahip değildir. Dosya düzenlemeyi kolaylaştırdığı için tek büyük çıktıyı her yerde kullanmayın. Ziyaretçinin ne kadar ayrıntı görebileceğini görselin yerleşeceği alan belirler.

Yalnız dosya boyutunu değil, kompozisyonu da düşünün

Bir kafe fotoğrafında solda tezgâh, sağda bir kişi bulunduğunu varsayın. Dar mobil kırpma tezgâhı tamamen kaldırabilir veya kişinin yüzünü kesebilir. Onay vermeden gerçek görüntü oranında bakın. Fotoğraf üstünde yazı varsa başlığın yeni satıra geçmesiyle oluşan görüntüyü ve kontrastı da inceleyin. Tasarım aracında düzgün duran kompozisyon telefonda aynı kalmayabilir.

Yerleşime göre birkaç anlamlı boyut hazırlayın. Geliştirici, ekranda ayrılan alana uygun dosyayı seçebilir. Modern sıkıştırılmış biçimler aktarımı azaltabilir; fakat ince çizimler, yumuşak renk geçişleri ve resim içindeki yazılar sıkıştırmaya farklı tepki verir. Önemli görsellere bakmadan tek bir kalite ayarını bütün arşive uygulamak yeterli değildir.

Yayınlanan varlıkta genişlik ve yükseklik bilgisi bulunsun ki tarayıcı doğru alanı ayırabilsin. Bu bilgi yanlış dosya değişimini de fark ettirir: yatay bir görselin yerine aynı adla dikey fotoğraf gelmesi sessizce düzeni bozmamalıdır. Yükleme önceliğini görselin görevine göre belirleyin; sayfanın aşağısındaki içerik ilk ekrandaki ana fotoğrafla aynı önceliğe ihtiyaç duymaz.

Anlamı açıklayın ve gerçek sayfayı kontrol edin

Alternatif metin, bilgilendirici görselin ne kattığını anlatmalıdır. Üründe bağlam için gerekli özelliği, mimarlık projesinde açıklanan mekânı veya ayrıntıyı söyleyin. Yakındaki başlığı mekanik olarak tekrarlamayın ve arama kelimeleri doldurmayın. Sadece dekoratif görsel, ekran okuyucuda gürültü oluşturmamak için boş alternatif metin kullanabilir.

Yayın öncesinde telefon ve büyük ekranda normal görüntü boyutunu kontrol edin. Keskinlik, yanlış kırpma, sıkıştırma izi ve fotoğrafla uyuşmayan açıklama var mı bakın. Görsel ağırlıklı sayfayı daha yavaş bağlantıda deneyin. Ölçüt bütün fotoğrafların baskı çözünürlüğünü koruması değil, yararlı içeriğin erişilebilir kalmasıdır.

Son olarak asılları, web çıktılarını ve hak kaydını ayrı teslim kalemleri olarak saklayın. Yeni fotoğrafları kimin hazırlayacağını kararlaştırın. İlk kontrolsüz yükleme iyi hazırlanmış siteyi ağırlaştırabilir. Kısa, tekrarlanabilir bir kontrol listesi işletme sahibini görüntü uzmanına dönüştürmeden bu sorunu azaltır.

Görsel teslimini küçük bir listeye dönüştürün. Her önemli resim için konu, kullanılacak sayfa, kaynak dosya, yayın izni ve korunacak kırpma bilgisini yazın. Yüz, tabela veya ürün ayrıntısı görünür kalmalıysa belirtin. Bu, etiketsiz klasör gönderip geliştiricinin bütün görsellerin amacını tanımasını beklemekten daha kullanışlıdır. Aynı fotoğraf birden çok yerde kullanılacaksa farklı görevlerini ayrıca not edin.

Dışa aktarımdan sonra her dosyayı aşırı büyüterek değil, normal sayfa boyutunda karşılaştırın. Amaç kullanılacağı yerde açık görüntü ve uygun aktarım maliyetidir. Çizim ve etiketlere ayrıca bakın: fotoğraf henüz kötü görünmezken bilgi taşıyan küçük yazılar okunamaz hale gelebilir. Böyle dosyada farklı boyut veya biçim gerekebilir; tek sıkıştırma kuralını zorlamayın.

Sonradan resim değiştirirken açıklama ve alternatif metni de kontrol edin. Teknik olarak başarılı yükleme, önceki konuyu anlatan metin bırakabilir. Bunları tek içerik birimi kabul edin. İşletme sahibine tekrar edebileceği kısa inceleme adımı verin. İyi hazırlık yalnız dosya uzantısı değil, piksellerin çevresindeki anlamın doğruluğunu da kapsar.

Görselin yüklenemediği durumu düşünün. Başlık ve hizmet açıklaması resim olmadan hâlâ anlaşılır mı? Ana ürünün ismi yalnız fotoğrafa gömülmüşse içerik kırılgan hale gelir. Önemli bilgiyi normal metinde tutup görseli onu destekleyen öğe yapın. Böylece bağlantı yavaşlığında veya yardımcı teknoloji kullanımında sayfa anlamını bütünüyle kaybetmez.

Arşiv düzeni bir sonraki güncellemeyi de kolaylaştırmalıdır. Asıl dosyayı, web çıktısını ve yayınlandığı yeri eşleyen isimler kullanın. Eski sürümü kaldırırken başka sayfaların hâlâ ona bağlı olup olmadığını kontrol edin. Bir fotoğrafı değiştirmek için tüm arşivi yeniden sıkıştırmak veya hak kaydını kaybetmek gerekmez. Düzenli dosya sahipliği, ileride tasarımcı değiştiğinde kaliteyi korumanın da pratik yoludur.

Ürün fotoğrafı için örnek karar sırası kullanın. Önce alıcının hangi özelliği görmesi gerektiğini yazın. Sonra bu özelliğin kartta mı, detayda mı anlatılacağını belirleyin. Kart küçükse bütün etiketi okunur tutmaya çalışmak yerine ürünün biçimini göstermek daha anlamlı olabilir. Gerekli teknik yazı normal metinde ayrıca yer almalıdır. Detay görselinde yakın çekim gerekiyorsa bunun dosya boyutu ve mobil yerleşimi ayrı düşünülür. Fotoğrafın rengi malzemeyi yanlış temsil ediyorsa sıkıştırma dışında renk düzenlemesi de değerlendirilmelidir. İşletme son görüntünün gerçeğe uygunluğunu onaylamalıdır. Varyasyonları karıştırmamak için dosya adıyla ürün kodu arasında anlaşılır eşleme tutulabilir. Yayın sonrasında bir görsel kaldırıldığında ona bağlanan diğer sayfalar kontrol edilir. Bu düzen, sonraki ürün eklemesinin kişisel hafızaya bağlı kalmasını önler. Kullanılabilir görsel arşivi tasarımın sürdürülebilir parçasıdır.

Uygulama kontrolü

  • Uygun en boy oranı seçin
  • Görsel boyutlarını tanımlayın
  • Sıkıştırmayı gözle inceleyin

Somut örnek: Mimarlık projesinde ölçülü önizleme kullanıp büyük görseli yalnız proje anlatımının gerektirdiği yerde sunun.

Dikkat edilmesi gereken sınır: Ürün detayı veya yazı okunamaz hale geliyorsa küçük dosya başarılı sonuç değildir.

Sonraki adım

Projenizi Orvunweb’e anlatın

İlgili okumalar

Kaynak