Ürün Görseli Boyutu Kaç Olmalı? E-Ticaret İçin Rehber

Platform gereksinimleri neden bu kadar farklı

Her platformun önerdiği boyut, kendi altyapısının ve kullanıcı deneyimi kararlarının bir yansımasıdır. Amazon 1000×1000 piksel minimum istiyor çünkü bu değer zoom özelliğini etkinleştirmenin alt sınırıdır; Amazon ürün sayfasında cursor görselin üzerine geldiğinde 5x büyütme yapılır ve bu büyütme için yeterli piksel derinliği gerekir. 1000 pikselin altında yüklenen görsellerde zoom özelliği otomatik olarak devre dışı kalır.

Shopify'ın 2048×2048 önerisi ise platformun kendi CDN işleme mantığından gelir. Shopify yüklenen görseli farklı boyutlara — thumbnail, orta boy, tam boyut — otomatik olarak küçültür. 2048 piksel, bu küçültme zincirinin tüm adımlarında kalite kaybı olmadan çalışabilmesi için belirlenen tavan değerdir. Bu sayıyı aşmanın tema ya da platform açısından teknik bir faydası yoktur; dosya boyutunu gereksiz yere artırır.

WooCommerce ve özel WordPress temaları ise ürün galerisi boyutunu tema ayarlarından belirler. Tema 600×600 piksel thumbnail üretecek şekilde ayarlanmışsa yüklenen 3000×3000 piksel görsel bu boyuta kırpılır; fazla piksel depolanır ama görüntülenmez. Bu senaryoda büyük dosya yüklemek depolama ve bant genişliği maliyeti yaratır; sayfa performansına katkısı yoktur. Hangi boyutun işlendiğini anlamak için temanın functions.php dosyasındaki add_image_size() kayıtlarına ya da Tema Özelleştirme bölümündeki görsel boyutu ayarlarına bakmak yerinde olur.

Pazaryerleri gibi kendi sitenizde de platform davranışını anlamadan boyut kararı vermek risklidir. Pratikte güvenli başlangıç noktası şudur: zoom özelliği aktifse 1500-2000 piksel, yoksa 1000-1200 piksel yeterlidir. Bu aralık büyük platformların minimum gereksinimlerini karşılar, retina ekranlarda kabul edilebilir netlik sağlar ve dosya boyutunu yönetilebilir tutar.

Zoom desteği için çözünürlük: nerede durmalı

Ürün sayfasında zoom işlevi kullanıcının belirli bir alanı büyüterek detay görmesini sağlar. Bu özellik özellikle giyim, takı, elektronik ve mobilya gibi kategorilerde dönüşüm oranını etkiler; ürün yüzeyindeki dokuyu, dikişi ya da malzeme kalitesini yakından incelemek satın alma kararını doğrudan etkileyen bir deneyimdir.

Zoom oranı ne kadar büyükse kaynak görsel de o ölçüde yüksek çözünürlüklü olmalıdır. 3x zoom için 900×900 piksel görüntüleme alanında 2700×2700 piksel kaynak gerekir. 5x için aynı alan 4500×4500 piksel ister. Amazon'un 5x zoom'u bu nedenle minimum 1000 piksel gerektirirken daha kaliteli bir sonuç için 2000 piksel ve üstü önerilir.

Zoom özelliği yoksa — ya da tema bunu desteklemiyorsa — bu hesap değişir. Görüntüleme alanı 600×600 piksel olan bir ürün galerisi için retina ekran desteği dahil 1200×1200 piksel yeterlidir. Bu değerin üstüne çıkmak görsel kaliteye katkı sağlamaz; yalnızca dosya boyutunu artırır. Zoom özelliği sonradan eklense bile büyük ölçüde küçültülmüş görselleri yeniden yüklemek yerine baştan yeterli çözünürlükte üretmek operasyonel açıdan daha verimlidir.

Mobil cihazlarda zoom davranışı masaüstünden farklıdır. Çoğu mobil ürün sayfasında "pinch to zoom" (iki parmakla büyütme) kullanılır ve bu özellik için çok daha düşük çözünürlük yeterlidir; 1200 piksel çoğu mobil cihazda bu amacı karşılar. Dosya boyutunu kısıtlamak mobil kullanıcılar için yükleme süresi açısından daha fazla anlam taşıdığından mobil ve masaüstü için srcset ile farklı boyutlar sunmak burada da geçerli bir yaklaşımdır.

Kare oran neden standart oldu ve ne zaman farklı oran işe yarar

E-ticaret ürün görsellerinde 1:1 kare oran fiilen bir standart haline gelmiştir. Bunun pratik nedeni grid düzenidir: ürün listesi sayfalarında tüm görsellerin aynı yüksekliği kaplaması, düzenli ve tutarlı bir ızgara görüntüsü sağlar. Bir görsel dikeyse diğeri yataysa aynı satırdaki ürünler farklı yüksekliklerde görünür ve sayfa düzeni bozulur. Kare oran bu sorunu ortadan kaldırır.

Ancak kare oran her ürün kategorisinde eşit biçimde işlevsel değildir. Moda ve giyimde manken fotoğrafları doğal olarak dikey oranda çekilir; 4:5 ya da 2:3 oran bu içerik türü için daha iyi sonuç verir. Zorla kareye kırpılan bir manken fotoğrafı başı ya da ayakları kırpılmış, orantısız bir görsel üretir. Bu nedenle giyim kategorisinde dikey oran destekleyen temalar ve platformlar yaygındır; Pinterest ve Instagram alışveriş entegrasyonları da dikey oranı tercih eder.

Mobilya ve ev dekorasyon ürünleri ise tam tersi yönde sorun çıkarır: kanepe veya yemek masası gibi yatay uzanan nesnelerin kare kırpmada kenarları kaybedilir. Bu kategoride yatay ya da geniş oran hem ürünü daha doğal gösterir hem de mekân içindeki bağlamı aktarabilir. Kare standart tutmak her kategori için doğru değildir; önemli olan tema ve platformun hangi oranı nasıl işlediğini bilmek ve içerik türüne göre karar vermektir.

Karışık kategori içeriğinde ise ortak bir karar vermek gerekir. Hem giyim hem mobilya satan bir mağaza iki farklı galeri şablonu kullanabilir ya da hepsini kareye normalize eden bir kırpma pipeline'ı kurabilir. İkinci seçenek operasyonel olarak daha basittir ama bazı ürün türlerinde görsel kaliteden ödün verilir.

Beyaz arka plan, şeffaflık ve format seçimi

Amazon, Trendyol ve çoğu büyük pazaryeri ana ürün görselinde beyaz arka plan zorunluluğu koyar. Bu kural estetik tercihten değil, platformun grid düzeniyle tutarlılıktan kaynaklanır: farklı satıcılardan gelen binlerce görselin sayfada yan yana görünmesi için ortak bir arka plan rengi zorunlu hale gelir. Bu kurala uymayan görseller reddedilebilir ya da daha az görünür konuma düşürülebilir.

Kendi sitenizde ise bu kısıtlama yoktur. Arka plana marka rengi, yaşam tarzı fotoğrafı ya da degrade kullanmak tasarım açısından serbesttir. Bu esneklik özellikle premium ve marka odaklı ürünlerde daha zengin bir ürün sayfası deneyimi yaratmak için değerlidir.

Şeffaf arka plan için PNG veya WebP lossless tercih edilir; JPEG şeffaflığı desteklemez. Ancak beyaz arka planlı ürün görselleri için şeffaflık gerekmez ve bu dosyaların JPEG ya da WebP lossy formatında üretilmesi hem dosya boyutunu küçültür hem de kalite açısından görsel farkı belirsiz kılar. Kaliteyi bozmadan dosya boyutunu küçültmek için ürün görsellerinde WebP lossy 80-85 kalite değeri çoğu durumda hem yeterli netlik hem de kabul edilebilir dosya boyutu sağlar.

Pazaryerlerine yükleme yapılıyorsa platformun kabul ettiği format listesi kontrol edilmelidir. Amazon JPEG ve PNG kabul eder, WebP'yi reddeder. Bu durumda WebP'yi yerel site için, JPEG'i marketplace yüklemeleri için tutmak paralel iki format zinciri anlamına gelir. Büyük bir katalog için bu ayrımı gözetmeyen bir yükleme süreci ciddi zaman kaybı yaratır; pipeline başından bu ayrımı gözetecek şekilde kurgulanmalıdır.

Varyant görselleri ve SEO için dosya yönetimi

Renk, malzeme, beden veya model varyantı olan ürünler için her varyantın kendi görseli gerekir. Kırmızı ve mavi renk seçeneği olan bir ürünü tek görsel ile sunmak, doğru rengi satın almak isteyen kullanıcının sayfada belirsizlikle karşılaşmasına yol açar. Bu varyant görselleri birbirleriyle tutarlı boyut, oran ve arka plan kullanmalıdır; farklı çekim koşullarından gelen varyant görselleri grid'de orantısız görünür.

Her varyant için çekilen görsel sayısı hızla büyüyebilir. Beş renk seçeneği olan ve her biri için beş çekim açısı kullanılan bir ürün 25 görsele ulaşır. Bu ölçekte tutarlı dosya adlandırma zorunlu hale gelir: hem işleme pipeline'ı için hem de arama motoru görünürlüğü için. Görsel SEO'da dosya adı algoritmanın içeriği anlamlandırmasına katkı sağlar; urun-adi-kirmizi-on.jpg gibi tanımlayıcı isimler IMG_4521.jpg'den her zaman daha iyi sonuç verir.

Alt metin varyant görselleri için özellikle önem taşır. Her görselin farklı ve anlamlı bir alt metni olması hem erişilebilirlik hem de Google Görsel Arama için faydalıdır. "Kırmızı deri koltuk sol açı" ile "koltuk görseli" arasındaki fark, görselin arama sonuçlarında ilgili sorgulara çıkıp çıkmayacağını doğrudan etkiler. Yüzlerce ürün ve binlerce görsel içeren büyük kataloglarda bu alt metinleri elle yazmak yerine ürün adı ve varyant bilgisinden otomatik üreten bir şablonlama sistemi kurmak operasyonel açıdan sürdürülebilir bir yaklaşımdır.

Toplu görsel sıkıştırma büyük kataloglarda da aynı mantıkla ele alınmalıdır. Her görsel için tek tek kalite ayarı yapmak yerine ürün görseli kategorisi için sabit bir pipeline tanımlamak — boyut, format, kalite, dosya adı şablonu — hem tutarlılığı sağlar hem de yeni ürün eklendiğinde aynı süreci tekrar kurma ihtiyacını ortadan kaldırır. Bu pipeline tam otomatik olmasa bile yazılı bir kılavuz olarak bile katalog büyüdükçe değerini gösterir.

Ürün görseli için tek bir "doğru boyut" yoktur çünkü platform gereksinimleri, zoom ihtiyacı ve kategori içeriği bu değeri birlikte belirler. Bununla birlikte çoğu e-ticaret projesini kapsayan pratik bir çerçeve şöyle kurulabilir: kare oran, zoom aktifse 1500-2000 piksel, zoom yoksa 1000-1200 piksel, beyaz arka plan marketplace zorunluluğu varsa JPEG 85, kendi sitesi için WebP 80-85.

Bu değerlerin dışına çıkmayı gerektiren koşullar bellidir: çok yüksek magnification oranı olan özel zoom sistemleri, tekstil gibi doku detayının kritik olduğu kategoriler ya da yaşam tarzı fotoğrafçılığının ürün görselinin önüne geçtiği premium markalar. Bu koşullar geçerliyse daha büyük boyut ve daha yüksek kalite haklı çıkar; değilse orta değerlerde kalmak performans ve maliyet açısından daha akıllıca olur.

Başlangıç noktası olarak mevcut temada ya da pazaryeri panelinde ürün görsel önizlemesini kontrol etmek, sayfada gerçekte ne boyutta görüntülendiğini anlamak için yeterlidir. Görüntüleme boyutunun iki katında kaynak üretmek, retina desteğini de karşılar ve fazla piksel yüklemekten kaçınır. Katalog büyüdükçe bu kararı pipeline düzeyinde standart hale getirmek tekrar eden işi ortadan kaldırır.