Resimlerinizi Mobil Web İçin Nasıl Optimize Edebilirsiniz?

Görüntüleriniz için dosya türleri ve boyutları seçerken kaliteyi, sayfa yükleme sürelerini, yakınlaştırma kapasitesini ve özellikle birden fazla platformda satış yapıyorsanız pazar yeri gereksinimlerini göz önünde bulundurun. Web için görselleri optimize etmeye ve gelişmiş kullanıcı deneyimi için mobil cihazları göz önünde bulundurarak dosya türünüzü nasıl seçeceğinize bir göz atalım.

Doğru Görüntü Boyutlarını Seçme

Kullanıcıların yakınlaştırabilmesi için yeterince büyük olan resimler ile çok fazla yer kaplamamaları ve sayfa yükleme sürelerinizi yavaşlatmamaları için optimum boyutta olanlar arasında bir denge kurmak çok önemlidir. Shopify'da, dosya boyutu 20 MB'a kadar olan 4472 x 4472 piksele kadar görsel yükleyebilirsiniz. Ancak web sitesi oluşturucu, genellikle kare ürün fotoğrafları için 2048 x 2048 piksel kullanılmasını önerir. Bunlar, mağazanıza mükemmel yakınlaştırma özellikleriyle profesyonel ve çok yönlü bir görünüm kazandıran yüksek çözünürlüklü görüntülerdir. Yakınlaştırma işlevinin çalışması için resimlerinizin 800 x 800 pikselden fazla olması gerektiğini unutmayın.

Benzer şekilde, Amazon ve Etsy, yakınlaştırmayı etkinleştirmek için 1000 x 1000 piksel görüntü gereksinimine sahiptir.

Ürün hattınızda ve koleksiyon sayfalarınızda tek tip bir görünüm sağlamak için, tüm özellik görsellerinizin genişlik ve yükseklik en boy oranını aynı, örneğin kare tutmalısınız. Özellik resminiz, mağazanızda görünecek bir ürünün ilk resmidir - ana sayfanızda, alışveriş sepeti sayfanızda, ödeme sayfanızda ve çeşitli koleksiyon sayfalarında. Cilalı bir mağaza görünümü iletmek için tüm küçük resimlerinizi de aynı boyut ve şekilde tutun. Müşterilerinizin birçoğunun da mobil cihazlarda göz atacağını ve kare görüntülerin daha küçük ekranlar için yeniden konumlandırılmasının daha kolay olduğunu unutmayın.

Doğru Görüntü Formatını Seçme

Ürün fotoğrafçılığında en yaygın olarak kullanılan dosya biçimlerine ve her birinin masaya ne getirdiğine bir göz atalım. Burada ürün fotoğrafçılığında ne sıklıkla kullanıldığına göre listelenmiştir.

JPG

JPG, orada en yaygın dijital görüntü dosyası formatıdır. Yaygın olarak desteklenir ve iyi bir renk aralığına sahip küçük bir dosya boyutuna sahiptir. Sıkıştırması, dosya boyutu ve görüntü kalitesi arasında bir denge kurmanıza olanak tanır. Shopify, özellikle JPG'yi önerir, çünkü nispeten küçük boyutlu ve kaliteli görseller sunabilir, bu da ürün fotoğrafları için iyi sonuç verir.

PNG

PNG, 256 renk sınırlamasını kaldırarak GIF biçimini geliştirmek için oluşturuldu. Yaygın olarak kabul edilir, kayıpsızdır (kaliteyi düşürmeden dosya boyutunu küçültür) ve şeffaflığı destekler (saydam arka planlar için). Dezavantajları, PNG dosya boyutlarının kayıpsız sıkıştırma nedeniyle büyük olabilmesi ve formatın JPG kadar evrensel olarak uyumlu olmamasıdır.

GIF

GIF, görüntüleri sıkıştırıp 256 renge indirgeyerek küçük dosya boyutu sunar. Yaygın olarak PNG ile değiştirilmiş olmasına rağmen, hem onu ​​destekleyen hem de tarayıcılar tarafından evrensel olarak tanınan tek format olduğu için hala animasyon için kullanılmaktadır.

TIFF

TIFF, bir dizi düzenleme ve web uygulaması tarafından yaygın olarak desteklenen kayıpsız bir sıkıştırma formatıdır. Yüksek kaliteli çözünürlük sunar ve birden fazla görüntü ve sayfa tek bir dosyaya kolayca kaydedilebilir. Ancak, dosya boyutu büyük olma eğilimindedir.

BMP

BMP, Windows ekosisteminde yaygın olarak kullanılır. Veri sıkıştırmayı, alfa kanallarını (saydam arka planlar eklemek gibi görüntünün bölümlerini değiştirmek için kullanabileceğiniz ek bilgileri depolamak için Photoshop'ta kullanılır) ve neredeyse evrensel uyumluluğu destekler. Sıkıştırılmamış, mükemmel görüntüler sunar ancak dosya boyutları da çok büyük olabilir.

Genel olarak, JPG, daha küçük boyutla iyi kaliteyi birleştirmek söz konusu olduğunda kesinlikle en uygunudur. PNG daha yüksek kalitede kayıpsız bir sıkıştırma sunarken, bunu daha büyük bir dosya boyutunun ağır maliyetiyle yapar. 360 derecelik çekimler sunuyorsanız ve hafif dosyalar istiyorsanız GIF kullanışlıdır. Karşılaştırıldığında, BMP ve TIFF mükemmel kalite sunabilir, ancak yaşam boyutları genellikle oldukça ağır ve pratik değildir.

Mobil için Görselleri Boyutlandırma

Shopify, resimlerinizi daha küçük ekranlara sığdırmak için otomatik olarak yeniden boyutlandırır, ancak bazı resimler bazen manuel düzenleme gerektirebilir. Masaüstü ve mobil ekranların yalnızca farklı boyutta değil, zıt yönlü olduğunu unutmayın. Shopify bunu nazik kırpma ile karşılamaya çalışırken, resimlerinizin kare olması ve ürününüzün dikey ve yatay olarak ortalanması en iyisi olacaktır.

Ayrıca, Shopify'ın maksimum 4000 x 4000 pikseli gibi aşırı yüksek çözünürlüklü görüntüler, mobil için yeniden boyutlandırıldığında bulanık çıkabilir. Bu nedenle, görselinizi mobil cihazları göz önünde bulundurarak daha yönetilebilir bir boyut ve şekle küçültmek, mağazanızın tüm cihazlarda daha iyi görünmesine yardımcı olabilir. Büyük dosyaların sitenizin yüklenme süresini de yavaşlattığını unutmayın. Ve e-ticarette ve özellikle mobilde her saniye önemlidir, bu nedenle resimlerinizi optimize etmek bir öncelik olmalıdır.

Bu nedenle, kayıpsız sıkıştırma size en yüksek kalitede görüntü verebilirken, genellikle yüklenmesi sonsuza kadar süren (özellikle toplu olarak) büyük dosyalar oluşturur ve sayfa yükleme sürelerinizi yavaşlatarak ziyaretçilerin mağazanızı terk etmesine neden olabilir. Bu, özellikle internet hızlarının daha yavaş olabileceği ve bir görüntünün nihayet görünmesini beklemenin alışveriş yapanları hayal kırıklığına uğrattığı mobil cihazlarda geçerlidir.

Shopify'ın duyarlı tasarımları ve algoritmaları, görsellerinizi cihazlar arasında yeniden boyutlandırma ve görüntüleme konusunda iyi olsa da, onlara iyi düşünülmüş dosya boyutlarıyla yardım etmek daha da sorunsuz bir alışveriş deneyimi anlamına gelebilir.

Yazar hakkında

Holly Cardew, e-ticaret mağazalarının satışlarını artırabilmeleri için ürün fotoğraflarını düzenlemelerine ve optimize etmelerine yardımcı olan bir platform olan Pixc'in Kurucusudur. Pixc, 24 saat içinde arka planı düzenleyip kaldırarak ortalama ürün görüntülerini güzel görüntülere dönüştürür. Bir genç olarak başlayan, eBay'de satış yapan ve kendi çevrimiçi pazarını yaratan Holly, e-ticaret, çevrimiçi pazarlama, grafik tasarım ve dağıtılmış ekipler oluşturma konularında bir geçmişe sahiptir. Ayrıca Shopify mağazaları kurma ve işletmede ve büyük sosyal medya takipçilerini artırmada deneyimlidir. Holly, 2016 yılında Perakende ve e-Ticaret Forbes 30 yaş altı 30 listesine dahil edildi. Holly zamanını San Francisco, Brisbane ve Sidney arasında geçirir. Holly çalışmadığı zamanlarda seyahat etmeyi, yeni yerler keşfetmeyi, güzel tasarımı, tipografiyi ve yeni iş fikirleri bulmayı sever.