E-ticaret Ürün Sayfaları için Görseller Nasıl Optimize Edilir | Bulk Image Compressor
Ürün görselleri bir şeyler satar. Bir alışverişçi ayrıntıları net göremezse satın almaz. Ancak görselleriniz çok büyükse ve sayfalarınız yavaş yükleniyorsa, görseller yüklenmeyi bitirmeden ayrılırlar. Bu dengeyi doğru kurmak, çevrimiçi bir mağaza için yapabileceğiniz en pratik şeylerden biridir.
İyi haber şu ki, kalite ve hız arasında seçim yapmak zorunda değilsiniz. Doğru sıkıştırma ayarları ve biçimlerle, ürün fotoğraflarınız herhangi bir cihazda hızlı yüklenirken ekranda keskin görünebilir.
Ürün görseli boyutu neden önemlidir
Tipik bir ürün sayfasında 4 ila 8 görsel bulunur: ana fotoğraf, birkaç açı, belki bir detay çekimi ve ürünü kullanımda gösteren bir yaşam tarzı görseli. Bunların her biri fotoğrafçınızdan sıkıştırılmamış 4MB’lık bir dosyaysa, sayfa başına 16 ila 32MB görsel demektir.
Yavaş ürün sayfaları doğrudan satışlara zarar verir. Deloitte tarafından yapılan araştırma, mobil site hızındaki 0,1 saniyelik bir iyileşmenin perakende sitelerinde dönüşümlerde %8,4’lük bir artışa yol açtığını buldu. E-ticaret için sayfa hızındaki en büyük faktör neredeyse her zaman görsellerdir.
Bir de mobil faktörü var. Çoğu çevrimiçi alışveriş telefonlarda yapılır. Ürün görsellerinizin yalnızca hızlı Wi-Fi’de değil, hücresel bağlantılarda da hızlı yüklenmesi gerekir.
Beyaz arka plan çekimleri vs. yaşam tarzı fotoğrafları
Bu iki tür ürün görselinin farklı sıkıştırma özellikleri vardır.
Beyaz arka planlı ürün çekimleri, Amazon, eBay ve çoğu ürün listeleme sayfasında gördüğünüz şeylerdir. Genellikle ürünün ortada olduğu temiz bir beyaz arka plana sahiptirler. Bu görseller çok iyi sıkıştırılır çünkü geniş katı beyaz alanlar çok az veri gerektirir. Bunları genellikle %75 ila %80 JPEG kalitesinde sıkıştırabilir ve neredeyse hiç fark görmeyebilirsiniz.
Yaşam tarzı fotoğrafları, ürünleri gerçek dünya ortamlarında gösterir. Mutfak tezgahında bir kahve kupası, dışarıda bir modelde ceket, şehir kaldırımında ayakkabılar. Bu görseller, çeşitli arka planlar, dokular ve aydınlatma ile daha fazla görsel karmaşıklığa sahiptir. Ayrıntıyı korumak için %80 ila %85 civarında biraz daha yüksek kalite ayarlarına ihtiyaç duyarlar.
Her iki tür de orijinallerinden önemli ölçüde daha küçük olabilir. 5MB’lık beyaz arka planlı bir ürün çekimi tipik olarak 200 ila 400KB’ye sıkışır. 6MB’lık bir yaşam tarzı fotoğrafı 300 ila 600KB’ye sıkışır.
Platform gereksinimleri ve önerileri
Farklı e-ticaret platformlarının kendi görsel yönergeleri vardır. İşte büyük olanlar için özellikler:
Shopify, görselleri 2048 x 2048 piksel olarak önerir. Maksimum dosya boyutu 20MB’dır, ancak görselleri bunun çok altında tutmayı şiddetle tavsiye ederler. Shopify bir miktar otomatik sıkıştırma yapar ve tarayıcı desteklediğinde WebP sunar, ancak optimize edilmiş görsellerle başlamak daha iyi sonuçlar verir.
WooCommerce, kendi barındırmanızda çalıştığı için katı limitler uygulamaz. Bu, görsel optimizasyonunun tamamen sizin sorumluluğunuzda olduğu anlamına gelir. Varsayılan küçük resim boyutları, katalog için 600 x 600 ve ürün sayfası için tam görsel boyutudur. Yüklemeden önce yeniden boyutlandırmalı ve sıkıştırmalısınız.
Amazon, en uzun kenarda minimum 1000 piksel (yakınlaştırma işlevi için) gerektirir ve 2000 piksel önerir. Maksimum dosya boyutu 10MB’dır. Ana görselin saf beyaz bir arka plana (RGB 255, 255, 255) sahip olması gerekir. Amazon, görselleri kendi tarafında sıkıştırır, ancak önceden optimize edilmiş görseller yüklemek size nihai sonuç üzerinde daha fazla kontrol sağlar.
Etsy, en kısa kenarda 2000 piksel önerir. 1MB’a kadar dosyaları kabul ederler. Etsy’nin limiti nispeten küçük olduğu için, yüklemeden önce neredeyse kesinlikle sıkıştırmanız gerekecektir.
Önerilen boyutlar ve dosya boyutları
Çoğu e-ticaret platformu için pratik bir hedef:
| Görsel türü | Boyutlar | Hedef dosya boyutu |
|---|---|---|
| Ana ürün fotoğrafı | 2000 x 2000px | 200 ila 400KB |
| Alternatif açılar | 2000 x 2000px | 200 ila 400KB |
| Detay/yakınlaştırma çekimi | 2000 x 2000px | 250 ila 500KB |
| Yaşam tarzı fotoğrafı | 2000 x 1333px | 300 ila 600KB |
| Küçük resim | 600 x 600px | 30 ila 60KB |
Bu boyutlar, sayfaları hızlı tutarken yakınlaştırma özellikleri için yeterli çözünürlük sağlar. Ürün sayfası başına toplam görsel yükünüz ideal olarak 2MB’ın altında kalmalıdır.
Doğru biçimi seçme
JPEG, ürün fotoğrafçılığı için standarttır. Fotoğrafları iyi işler ve her yerde desteklenir. Varsayılan olarak kullanın.
WebP, aynı görsel kalitede JPEG’den yaklaşık %25 ila %35 daha iyi sıkıştırma sunar. Platformunuz destekliyorsa (Shopify otomatik olarak yapar, WooCommerce bir eklenti gerektirir), WebP sağlam bir yükseltmedir. Biçimler hakkında daha derin bir karşılaştırma için JPEG vs PNG vs WebP rehberimizi okuyun.
PNG’ye yalnızca ürün görselleriniz şeffaflık gerektirdiğinde ihtiyaç duyulur. Örneğin, hiç arka planı olmadan gösterilmesi gereken ürünler satıyorsanız, PNG bu şeffaflığı korur. Aksi takdirde, dosya boyutları çok daha büyük olduğu için ürün fotoğrafları için PNG’den kaçının.
Ürün katalogları için toplu işleme
Düzinelerce veya yüzlerce ürünü olan bir mağazanız varsa, görselleri tek tek sıkıştırmak gerçekçi değildir. 200 ürün ve her biri 5 görsel içeren bir ürün kataloğu, işlenecek 1.000 görsel anlamına gelir.
Toplu sıkıştırmanın saatler kazandırdığı yer burasıdır. Toplu Görsel Sıkıştırıcı ile bir ürün görseli klasörünün tamamını bırakıp hepsini aynı anda sıkıştırabilirsiniz. Her şey tarayıcınızda çalışır, böylece ürün fotoğraflarınız hiçbir harici sunucuya yüklenmez. Bu, piyasaya sürülmeden önce paylaşmak istemediğiniz yayınlanmamış ürünler veya görsellerle çalışırken önemlidir.
İşte ürün katalogları için iyi çalışan bir iş akışı:
-
Önce yeniden boyutlandırın. Tüm görsellerinizi doğru boyutlara (çoğu platform için 2000 x 2000px) getirin. Yalnızca 2000px’de görüntüleneceklerken 6000px’lik görselleri sıkıştırmaya göndermeyin.
-
Türe göre ayırın. Beyaz arka planlı çekimleri bir gruba, yaşam tarzı fotoğraflarını başka bir gruba koyun. Bu, her biri için farklı kalite ayarları kullanmanızı sağlar.
-
Beyaz arka planlı çekimleri %75 ila %80 kalitede sıkıştırın. Temiz arka planlar daha düşük ayarlarda verimli bir şekilde sıkışır.
-
Yaşam tarzı fotoğraflarını %80 ila %85 kalitede sıkıştırın. Bu görsellerdeki ekstra ayrıntı, biraz daha yüksek kaliteden faydalanır.
-
Birkaç sonucu nokta atışı kontrol edin. Sıkıştırılmış bir avuç görseli açın ve orijinalleriyle karşılaştırın. Ambalaj üzerindeki metnin hala okunabilir olduğundan ve ürün ayrıntılarının net olduğundan emin olun. Bununla ilgili daha fazla bilgi için kalite kaybı olmadan dosya boyutunu küçültme rehberimize bakın.
-
Platformunuza yükleyin. Orijinalleri sıkıştırılmış sürümlerle değiştirin.
Alt satırınıza etkisi
Daha hızlı ürün sayfaları daha fazla satış anlamına gelir. Bu kadar doğrudan. Bir alışverişçi, bir arama sonucundan veya reklamdan ürününüze tıkladığında, beklemeye veya geri düğmesine basmaya karar vermeden önce yaklaşık iki ila üç saniyeniz vardır.
Optimize edilmiş görseller ayrıca barındırma ve CDN maliyetlerinizi de azaltır. Ayda 500.000 ürün sayfası görüntülemesi sunuyorsanız ve ortalama görsel yükünüzü sayfa başına 8MB’tan 1,5MB’a düşürürseniz, bu terabaytlarca bant genişliği tasarrufu demektir.
Ürün fotoğraflarınız çevrimiçi mağazanızdaki en önemli varlıktır. Bunları doğru şekilde sıkıştırmak, alışveriş yapanlarınızın ihtiyaç duyduğu görsel kaliteyi korurken, onlara gerçekten satın almaya yol açan hızlı deneyimi vermenizi sağlar.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor