Bir görsel biçimi seçerken önce görüntünün fotoğraf mı çizim mi olduğunu, ikinci olarak arka planın şeffaf kalması gerekip gerekmediğini belirleyin. Ürün fotoğraflarında WebP veya JPEG, çizgilerden oluşan logoda özgün SVG, şeffaf bir piksel görselinde PNG ya da şeffaflığı koruyan WebP denenebilir. Son seçimi görseli web sitenizde görüneceği büyüklükte açıp dosya ağırlığıyla birlikte karşılaştırarak yapın.
Ürün fotoğrafında hangi ayrıntı görünmeli?
Deri bir çantanın dikişleri veya mobilya kumaşının dokusu müşterinin seçiminde önemli olabilir. İki farklı biçimde dışa aktardığınız aynı fotoğrafı aynı boyutta karşılaştırın. Arka plandaki boş alan güzel görünürken üründeki ince çizgiler siliniyorsa kalite ayarı fazla düşmüş olabilir. Öte yandan bir kategori kartında çok küçük gösterilen fotoğrafı kameradan çıktığı boyutla yayımlamak açılışı gereksiz yere ağırlaştırabilir.
JPEG kayıplı sıkıştırma kullanır ve şeffaf arka planı taşımaz. WebP kayıplı veya kayıpsız hazırlanabilir ve şeffaflığı destekler. Bu özellikler tek başına her WebP dosyasının her JPEG dosyasından küçük olacağını söylemek için yeterli değildir. İçerik, boyut ve dışa aktarma ayarı belirleyicidir. Özgün fotoğrafı saklayıp yayımlanacak türevi ondan üretmek tekrar tekrar sıkıştırmanın getirebildiği kaybı önler.
Logo, simge ve ekran görüntüsünde ne değişir?
Logonuz vektör olarak çizildiyse SVG, şekilleri farklı boyutlarda net gösterebilir. Düşük çözünürlüklü bir fotoğrafı SVG dosyasının içine koymak çizgileri yeniden oluşturmaz. Üstelik işletmenin verdiği düzenlenebilir kaynakla web sitesine eklenecek dosya farklı amaçlara hizmet edebilir. Ekran görüntüsünde küçük etiketler okunacaksa PNG veya uygun kayıpsız bir çıktı deneyin. Küçük metni fotoğraf sıkıştırmasına bırakıp sonradan keskinleştirmek yerine başlangıçtan okunurluğu koruyun.
Şeffaf logoyu önce beyaz, sonra koyu mavi zeminde açın. Kenarında beyaz bir hale varsa sorun uzantıdan önce dışa aktarma sırasında bırakılan pikseller olabilir. Beyaz zemin üzerinde düzgün görünen dosyayı doğrudan tüm siteye yerleştirmeyin.
Bir sitenin kapak standardını diğer görsellere uygulamak gerekir mi?
Mavi Dijital içerik kapaklarında 1200 × 900 piksel WebP hazırlıyoruz. Bu, belirli bir sayfa alanının yayın ölçüsüdür. Aynı boyutu tarayıcı sekmesindeki simgeye veya çok yakın inceleme gerektiren ürün detayına taşımak o kullanımın ihtiyacını karşılamayabilir. Katalogta liste resmi ve ürün detayını ürün kataloğu tasarımı içinde ayrı düşünmek daha isabetlidir.
Dosyaları karşılaştırırken yalnızca megabayta bakmayın. Telefonda ürün detayı açıkça görünüyor mu, tarayıcı doğru boyutu indiriyor mu ve sayfanın ilk ekranı ne zaman kullanılabiliyor? Web sitesi hızlandırma incelemesinde bu kararları birlikte değerlendiririz. Güncel biçim özellikleri için MDN görsel biçimleri rehberini kullanabilirsiniz.
Aynı projede görselin kaynağını isimle ayırt etmeyi unutmayın. “Logo-son” ile “logo-web-koyu” aynı dosya değilse, bilgisayarda açık kalmış yanlış sürümü dışa aktarmak küçük bir renk sorunu gibi görünüp bütün sayfalara yayılabilir.
Siteniz için görsel ölçülerini ve kapak sistemini planlamak üzere 0542 387 14 54’ü arayın veya WhatsApp’tan yazın.