Listeleme optimizasyonu
Ürün fotoğrafları kalite kaybetmeden nasıl sıkıştırılır
· 4 min read
Ürün fotoğrafını önce sayfada gösterildiği gerçek piksel boyutuna küçültün, ardından aynı görsel kalitede JPEG'den tipik olarak yüzde 25 ila 50 daha küçük çıkan WebP veya AVIF olarak dışa aktarın. Sayfadaki rolüne göre görsel başına yaklaşık 100 ila 300KB hedefleyin. Google'ın Largest Contentful Paint ölçütü 2,5 saniyeyi aşan sayfayı yavaş sayar ve gereğinden büyük bir ana görsel, bu eşiğin aşılmasının çoğu zaman tek sorumlusudur.
Bunu RorlAI ile yapınProduct: Clean studio backdrop for anything boxed or bottled.Dosya boyutu neden sadece yükleme değil, dönüşüm sorunudur
Largest Contentful Paint, sayfadaki en büyük görünür öğenin tamamen çizilmesinin ne kadar sürdüğünü ölçer. Google'ın kendi eşiklerine göre 2,5 saniyenin altı iyi, 2,5 ile 4 saniye arası iyileştirme gerektiren, 4 saniyenin üstü ise zayıf sayılır. Bir ürün sayfasında en büyük görünür öğe hemen her zaman ana fotoğraftır. Yani tek bir aşırı büyük görsel dosyası, sayfanın geri kalanı ne kadar hızlı yüklenirse yüklensin, ürün sayfanızın ölçütü geçip geçmeyeceğini tek başına belirleyebilir.
Bu soyut bir puanlama alıştırması değildir. Yavaş yüklenen bir ana fotoğraf, alıcının ilanınızda ilk deneyimlediği şeydir; açıklamadan tek kelime okumadan ya da fiyatı görmeden önce.
Gerçekçi bir boyut bütçesi
| Görselin rolü | Makul hedef |
|---|---|
| Ana fotoğraf, yakınlaştırılabilir | 150 ila 300KB |
| İkincil galeri veya küçük görsel | 60 ila 120KB |
| Mobil ana görsel, ekranın üst kısmında | yaklaşık 150 ila 200KB altı |
Bu rakamlar tek bir platformun resmi şartnamesi değil, güncel görsel optimizasyonu rehberlerinden derlenmiş çalışma hedefleridir ve görselin karmaşıklığına göre biraz değişir. Beyaz arka plandaki sade bir ürün, kalite kaybı gözle görünür olmadan önce kalabalık bir sahneden daha fazla sıkışır. Bu yüzden tabloyu birebir tutturulacak bir kural değil, bir üst sınır olarak düşünün.
Gerçekten bayt kazandıran işlem sırası
- 1Sıkıştırmadan önce yeniden boyutlandırınBir fotoğraf makinesi veya üretim aracı çoğunlukla 3000 ila 4000 piksel genişliğinde dışa aktarır. Fotoğraf sayfanızda 1200 piksellik bir alanda gösteriliyorsa önce yaklaşık bu genişliğe küçültün. Aşırı büyük bir görseli sıkıştırmak yine aşırı büyük bir görsel yollamaktır, yalnızca biraz daha küçüğünü.
- 2Platformunuz destekliyorsa WebP olarak dışa aktarınWebP, eşit görsel kalitede JPEG'den çoğunlukla yüzde 25 ila 35 daha küçüktür; AVIF ise daha da ileri gidebilir. Güncel e-ticaret platformlarının ve tarayıcıların çoğu WebP'yi destekler. Platformunuzun bunu otomatik sunup sunmadığını ya da dosyanın doğrudan bu formatta yüklenmesini isteyip istemediğini kontrol edin.
- 3WebP mümkün değilse JPEG kalitesini 70 ila 85 civarına ayarlayınDüzenleme yazılımlarının varsayılan dışa aktarma ayarları çoğu zaman gereksiz yüksektir. Bu aralıktaki bir kalite ayarı, çoğu ürün fotoğrafında orijinalinden gözle ayırt edilemez ve yüzde 100 kalitedeki dışa aktarımdan belirgin biçimde küçüktür.
- 4Gömülü üst veriyi temizleyinKamera ayarları, sayfanın ihtiyacından fazla renk profilleri ve bazı telefonların gömdüğü GPS verisi, alıcının asla görmediği dosya ağırlığı ekler. Çoğu sıkıştırma aracı bunları varsayılan olarak siler; kullandığınız aracın da sildiğinden emin olun.
En önemli ayrım:
- Kayıpsız sıkıştırma her pikseli çekildiği gibi korur ve bir fotoğrafı neredeyse hiç küçültmez. Fotoğraflara değil, düz renkli ve keskin kenarlı grafiklere uygundur
- Kayıplı sıkıştırma insan gözünün zor fark edeceği veriyi atar ve fotoğrafta gerçek tasarrufun olduğu yer burasıdır
- Doğru ayarlanmış modern bir kodlayıcı, alıcının farkı fark ettiği noktanın çok altında kalır; sizin fark edeceğiniz noktaya ise hiç ulaşmaz
Üretilmiş veya düzenlenmiş bir fotoğraf nereye oturur
Herhangi bir düzenleme ya da üretim aracından çıkan fotoğraf, doğrudan kameradan gelen fotoğrafla aynı yeniden boyutlandırma ve sıkıştırma işleminden geçmelidir. Bu araçlar çoğunlukla varsayılan olarak tam çözünürlükte dışa aktarır ve tam çözünürlüklü bir dosya, pikseller bir sensörden de gelse bir modelden de gelse aynı ağırlık sorununu taşır. Onu bitmiş bir varlık olarak değil, aynı bütçeyi bekleyen ham bir dosya olarak görün.
Common questions
- Ürün fotoğraflarını sıkıştırmak onları daha kötü gösterir mi?
- Makul bir ayarda hayır. Burada anlatılan aralıklardaki kayıplı sıkıştırma, insan gözünün fark etmediği ayrıntıyı atacak şekilde ayarlıdır; doğru sıkıştırılmış bir fotoğraf normal görüntüleme boyutunda aynı görünür ve çok daha kısa sürede yüklenir.
- WebP mi kullanmalıyım, JPEG'de mi kalmalıyım?
- Mağaza platformunuz destekliyorsa WebP kullanın; eşit kalitede JPEG'den tipik olarak yüzde 25 ila 35 daha küçüktür. Yalnızca platformunuz ya da temanız WebP'yi otomatik sunmuyorsa iyi ayarlanmış bir JPEG'e dönün.
- Mobil ve masaüstü için ayrı görsel boyutlarına ihtiyacım var mı?
- İdeal olarak evet. Mobildeki alıcı fotoğrafı masaüstündekinden çok daha küçük bir alanda görür; bu yüzden mobilde daha küçük dosya sunmak, o ekranda görünür bir kalite kaybı olmadan gerçek yükleme süresi kazandırır.
- Görsel dosya boyutu satışları gerçekten etkiler mi, yoksa yalnızca bir hız puanını mı?
- Sayfa hızı ve dönüşüm birbirine yeterince sıkı bağlıdır; çoğu e-ticaret platformu bunu artık yalnızca bir laboratuvar ölçütü değil, sıralama ve dönüşüm faktörü olarak görür. Sayfayı 2,5 saniyelik Largest Contentful Paint eşiğinin ötesine tek başına iten bir ana görsel, alıcının yaşadığı gerçek ve ölçülebilir bir yavaşlamadır, soyut bir puan değil.