Hızlı yüklenen, harika görünen ürün resimleri nasıl elde edilir?

Yayınlanan: 2016-02-25

Herhangi bir mağaza sahibinin bildiği gibi, fotoğraflar her ürün sayfasının çok önemli bir parçasıdır. Kendi başlarına ürün fotoğrafları, bir müşteriyi satın alma sürecinde bir sonraki adımı atmaya ikna edebilir - ürünlerinizin güzel çekilmiş, son derece ayrıntılı fotoğraflarını sunar ve bu "sepete ekle" düğmesini tıklamaya çok daha yakınsınız demektir. .

Ancak, müşterilerinize tüm bu fotoğrafları sağlamanın bir bedeli olabilir. Ürün sayfanıza eklediğiniz her büyük fotoğraf veya medya dosyası ile yükleme süresi artar. Ve müşterileriniz, ne kadar ilgilenirlerse ilgilensinler, birkaç saniyeden fazla beklemek istemezler.

Mağaza sahipleri için zorluk şudur: Ürün sayfalarının hızlı bir şekilde yüklenmesini sağlarken, alışveriş yapanlara istedikleri yüksek çözünürlüklü fotoğrafları sağlamanın bir yolunu bulmak . Aşılmaz bir zorluk gibi görünebilir, ancak görüntü sıkıştırmadan WordPress eklentilerine kadar hızlı ve harika bir denge kurmanın birkaç yolu var.

Müşterileriniz gerçekten de pastalarını alıp yiyebilirler. Ürün fotoğraflarınızın kalitesini korurken yükleme sürelerini nasıl hızlandırabileceğinize bir göz atalım.

Mağazanızın hızı neden önemlidir (ipucu: sadece SEO değildir)

Hızlı yüklenen ürün fotoğraflarına sahip olmanın çekici fotoğraflara sahip olmak kadar önemli olmasının birkaç nedeni vardır. Çoğu mağaza sahibinin ilk düşündüğü şey arama motorlarıdır.

Google, 2010 yılında arama sonuçları için bir sıralama faktörü olarak site hızını dahil etmeye başladı. O zamandan beri, e-ticaret siteleri için neredeyse her arama motoru optimizasyonu tavsiyesi, "mağazanızı hızlandırın" veya "yükleme sürelerini azaltın" tavsiyelerini içeriyor.

Daha hızlı sitelerin arama sıralamasında daha iyi performans göstereceği doğrudur , diğer her şey eşit kabul edilir. Ancak hızın bu kadar önemli olmasının tek nedeni SEO değildir . Google, kullanıcı deneyimi nedeniyle yalnızca ilk etapta hızı bir sıralama faktörü haline getirdi.

İşin aslı şudur: alışveriş yapanlar beklemek istemezler . Sevkiyatları beklemek istemiyorlar, cevapları beklemek istemiyorlar ve kesinlikle mağazanızın yüklenmesini beklemek istemiyorlar. Yani potansiyel bir müşteriye yavaş, gecikmeli bir ürün sayfası sunarsanız… peki, bu onların sizinle olan deneyimlerinin geri kalanının gidişatı hakkında ne söylüyor?

Kimse beklemeyi sevmez. Özellikle potansiyel müşterileriniz değil.
Kimse beklemeyi sevmez. Özellikle potansiyel müşterileriniz değil.

Bu nedenle, büyük resim dosya boyutları, SEO'nuza zarar verebilecek yavaş yüklenen sayfalara neden olabilirken, bu yavaş sayfalar aynı zamanda – daha da önemlisi – alışveriş yapanları rahatsız edebilir . İşte bu yüzden hızlı ve güzel arasındaki dengeyi kurmak çok önemlidir.

Bunu akılda tutarak, görüntü dosyalarınızı kalitelerini koruyarak küçültmek için kullanabileceğiniz yöntemlere geçelim.

Önce şunu deneyin: resimlerinizi web'e özel sıkıştırma ile kaydedin

Alışveriş yapanlar, büyük, son derece ayrıntılı ve yakınlaştırılabilen ürün fotoğrafları ister (yani, mağazanızda yakınlaştırma işlevi etkinse). Göreviniz dosya boyutlarınızı küçültmekse bu imkansız görünebilir.

Neyse ki, değil. Çeşitli uygulamalar ve web siteleri, fotoğraflarınız için web'e hazır sıkıştırma sunarak, dosyalarınızı kalitelerini korurken yoğunlaştırmanıza olanak tanır. Bu uygulamaların çoğu o kadar verimli hale geldi ki, eğitimsiz bir göz, sıkıştırılmış ve sıkıştırılmamış görüntüler arasındaki farkı tespit edemez.

En yüksek çözünürlüklü fotoğraflar bile web'e hazır bir biçimde kaydedildiğinde harika görünecek ve hızlı bir şekilde yüklenecektir.
En yüksek çözünürlüklü fotoğraflar bile web'e hazır bir biçimde kaydedildiğinde harika görünecek ve hızlı bir şekilde yüklenecektir.

Web'e hazır sıkıştırma ile orijinal ürün fotoğraflarınızı doğrudan kameranızdan nasıl kaydedebileceğiniz aşağıda açıklanmıştır.

Adobe Photoshop'a erişiminiz varsa, "web için kaydet" seçeneğini deneyin.

Adobe Photoshop'un herhangi bir sürümünü kullanıyorsanız , "web için kaydet" seçeneği, mağazanız için ürün fotoğraflarınızı sıkıştırmak için tam olarak ihtiyacınız olan şeydir . Photoshop CC 2015'te bu seçenek Dosya > Dışa Aktar > Web için Kaydet altında bulunabilir; önceki sürümlerde seçenek Dosya > Web için Kaydet'te bulunur.

Photoshop ile sıkıştırma, "Web için Kaydet" kadar basittir. (Resim kredisi: Adobe)
Photoshop ile sıkıştırma, "Web için Kaydet" kadar basittir. (Resim kredisi: Adobe)

Görünen yeni menüden ortaya çıkan görüntü boyutunu, sıkıştırmayı ve formatı ayarlayabilirsiniz. Ayrıca, yaklaşık bir yükleme süresi ve dosya boyutu da verilecektir - sıkıştırılmış fotoğraflarınızla doğru yoldaysanız bilmeniz gereken her şey.

Photoshop yok mu? Sorun değil: Bu ücretsiz çevrimiçi araçlardan birini deneyin

Herkesin Photoshop'a erişimi yoktur, ancak bu sizi engellememelidir. Fotoğraflarınızı sıkıştırmak için tasarlanmış birçok ücretsiz çevrimiçi araç vardır .

En iyilerinden ikisi Kraken Image Optimizer ve TinyPNG'dir. Her iki araç da kaliteyi korurken görüntülerinizi şaşırtıcı derecede küçük bir boyuta küçültür.

Küçük görüntü boyutu, büyük görüntü etkisi. (Resim kredisi: Kraken.io)
Küçük görüntü boyutu, büyük görüntü etkisi. (Resim kredisi: Kraken.io)

Araçlar yüklediğiniz resimlerle bittiğinde, onları kaydedebilir ve mağazanıza ekleyebilirsiniz. Elbette, fazladan bir adım ekler, ancak tüm (yükleme) zamanını müşterilerinize kazandıracağını düşünün.

WooCommerce'i mi kullanıyorsunuz? WordPress ayarlarını düzenleyin veya bir eklenti deneyin

Görüntü sıkıştırmanın doğrudan WordPress'te yerleşik olduğunu biliyor veya bilmiyor olabilirsiniz. Bu sıkıştırma, JPEG'lerinizi orijinal boyutlarının %90'ına kadar küçültür, ancak bu, büyük, son derece ayrıntılı fotoğrafları veya büyük galerileri tercih eden mağazalar için yeterli olmayabilir.

Bu yerleşik sıkıştırmayı kontrol etmek için sahip olmanız gereken bir seçenek, WordPress'in functions.php dosyasını düzenlemektir. Bu, resimleriniz Medya Kitaplığına çarpmadan önce gerçekleşen otomatik sıkıştırma miktarını artırmanıza veya isterseniz azaltmanıza olanak tanır.

Daha kolay bir rota mı istiyorsunuz? Her zaman bir eklenti deneyebilirsiniz. TinyPNG'nin hem JPEG'ler hem de PNG'ler için çalışan kendi özellikleri vardır. Ücretsiz bir hesapla ayda 100 görsele kadar küçültebilirsiniz.

Şeffaflığa ihtiyacınız yoksa JPEG'i seçin

Akılda tutulması gereken başka bir şey: dosya formatı. Elbette, resimlerinizi istediğiniz kadar sıkıştırabilirsiniz, ancak bazı formatlar doğal olarak diğerlerinden daha büyüktür.

Genel olarak konuşursak, herhangi bir nedenle şeffaflığa ihtiyacınız olmadıkça JPEG, tercih ettiğiniz format olmalıdır . Şeffaflık isteniyorsa, şeffaf bir PNG seçmelisiniz.

Diğer biçimler, çevrimiçi sıkıştırma için daha büyük veya daha az uygundur. Ve ürün sayfanızda komik bir animasyonlu GIF kullanmak cazip gelse de… muhtemelen yeniden düşünmelisiniz. Yükleme süresindeki takas, alışveriş yapanların sahip olabileceği kısa kıkırdamaya değmez.

Mağazanız için bir içerik dağıtım ağını etkinleştirin

Modern İnternet bağlantıları ve gelişmiş barındırma özellikleri, bir müşterinin mağazanızı yüklemesi için gereken süreyi hızlandırmış olsa da, yine de öngörülemeyen gecikmeler olabilir. Ve bazen, bir müşteri sunucunuzun bulunduğu yerden dünyanın her yerindeyse bu gecikmeler kaçınılmazdır.

Neyse ki, onlar için işleri hızlandırmanın bir yolu var (yalnızca ürün fotoğrafları gibi daha büyük dosyalar için de değil). Bir içerik dağıtım ağı (CDN), depolanan içeriği tek bir konumdan isteğe bağlı içerik yerine yerel sunuculardan teslim etmek için önbelleğe almayı kullanır ve tüm alışveriş yapanlarınız için deneyimi hızlandırır.

CloudFlare veya Amazon CloudFront gibi bir CDN ile, mağazanızın önbelleğe alınmış (yani şu anki değil) kopyaları ziyaretçilere gösterilecektir. Ziyaretçiler ayrıca kendilerine en yakın olan CDN sunucusundan içerik alacaklar. Bunların her ikisi de, özellikle büyük fotoğraflar ve medya dosyaları için yükleme süresini önemli ölçüde hızlandırır.

Mağazanızın hem CDN ile hem de CDN olmadan nasıl çalıştığı. (İmaj kredisi: Cloudflare)
Mağazanızın hem CDN ile hem de CDN olmadan nasıl çalıştığı. (İmaj kredisi: Cloudflare)

Sıkıştırmanın yanı sıra, bir CDN kullanmak, özellikle mağazanızı çok sık güncellemezseniz, ürün fotoğraflarını süper hızlı bir şekilde sunmanın harika bir yoludur . (Ve elbette, acil bir güncelleme gerektiren herhangi bir şey olursa, CDN'yi kapatabilirsiniz.)

Hızlı ve harika bir denge kurmanın birkaç başka yolu

Yukarıda sunulan fikirler, iyi görünen ve hızlı yüklenen ürün fotoğrafları arasında bir denge kurmak için yapabileceğiniz en büyük, en anlamlı şeylerdir . Ancak akılda tutulması gereken birkaç ipucu daha var:

  • Beyaz arka planları tercih edin . Genel olarak konuşursak, bir görüntü ne kadar az renk içeriyorsa dosya boyutu o kadar küçük olur. Bu, sıkıştırma devreye girdiğinde ve palet daha da azaldığında daha da doğrudur.
  • Gereksiz ürün çekimlerini ortadan kaldırın. Sattığınız ayakkabıların on farklı açıdan fotoğrafları var mı? Muhtemelen beşe indirebilir ve yükleme süresini yarıya indirebilirsiniz.
  • Önce küçük resimleri yükleyin ve yalnızca tıkladığınızda tam boyutu getirin . Bu şekilde alışveriş yapanlar daha büyük fotoğrafları beklemeyi bekleyecekler.
  • Fotoğraflar çalışmıyorsa, site dışında barındırılan videoyu deneyin . YouTube veya Vimeo'dan video yüklemek mağazanızı yavaşlatmaz ve bu, ürün fotoğrafı konseptinde zarif bir değişikliktir.

Harika ürün resimlerinin sitenizi (veya alışveriş yapanları) yavaşlatması gerekmez

Muhteşem ürün fotoğraflarına sahip olmanın tek yolu, yavaş bir mağazaya razı olmak gibi görünebilir… veya hızlı yüklenen ürün sayfaları elde etmenin tek yolu, küçük, yüksek oranda sıkıştırılmış fotoğraflarla yetinmektir. Ama farklı olmak için yalvarıyoruz.

Ürün fotoğraflarınız için yalnızca birkaç optimizasyonla, hızlı yükleme ve fantastik görünüm arasında mükemmel dengeyi bulabilirsiniz . Ve ne siteniz ne de alışveriş yapanlarınız yavaşlamak zorunda kalmayacak.

WooCommerce mağazanızda işleri ağırlaştırmadan nasıl harika ürün fotoğrafları çekeceğiniz hakkında sorularınız mı var? Ya da daha iyisi, paylaşmak istediğiniz kendi ipuçlarınız var mı? Yorumlarda sizden haber almak isteriz!