Görsel yükleme

Online mağazanızda şirket logonuz, ürün görselleriniz, slayt gösterileriniz, banner'larınız ve blog gönderisi görselleriniz de dahil olmak üzere farklı türde görseller kullanabilirsiniz. Bir görseli nasıl ve nerede kullanmak istediğinize bağlı olarak görselin belirli bir boyutta veya biçimde yüklenmesi gerekebilir.

Görsel yükle

Online mağazanız için görsel yükleyebileceğiniz iki farklı yer vardır:

Dosyalar sayfasında görsel yükleme

Shopify yöneticinizin Dosyalar sayfasında görsel yükleyebilirsiniz. Temalarınızdan herhangi birini düzenlerken bu görsellere erişebildiğinizden bu, faydalı bir işlevdir. Daha fazla bilgi edinmek için Web sitenize dosya yükleme bölümüne bakın.

Tema düzenleyicisinde görsel yükleme

Tema düzenleyicisinde temanıza görsel ekleyebilirsiniz.

Adımlar:

  1. Düzenlemek istediğiniz temayı bulun ve Özelleştir'e tıklayın.

  2. Tema düzenleyicisi araç çubuğundan, görsel eklemek istediğiniz bölüme tıklayın. Görsel seçici içeren bir bölümü seçin:

    Tema düzenleyicisi araç çubuğunun, görsel seçiciyi gösteren bir bölümü. Görsel seçin ifadesinin yer aldığı bir düğme ve Ücretsiz görselleri keşfedin ifadesinin yer aldığı bir bağlantı vardır.

  3. Görsel seçin'e tıklayarak bir görsel ekleyin. Bilgisayarınızdan görsel yüklemek için Yükle'ye tıklayın. Burst'ten ücretsiz bir stok görsel kullanmak için Ücretsiz görseller'e tıklayın.

  4. Kaydet'e tıklayın.

Görsel biçimleri

Shopify aşağıdaki görsel biçimlerini destekler:

  • JPEG veya JPG
  • Aşamalı JPEG
  • PNG
  • GIF

Shopify, desteklenen tarayıcılarda WebP biçiminde görsel sunar.

Not: Shopify, yükleme sırasında, desteklenmeyen biçimleri desteklenen biçimlere dönüştürmek dışında görsellerinizi değiştirmeye yönelik herhangi bir işlem yapmaz. Desteklenen biçimlerde olmayan bir görsel yüklerseniz Shopify bu görseli JPEG veya PNG biçimine dönüştürür. Çoğu görsel biçimi JPEG'e dönüştürülür.

JPEG görselleri ne zaman kullanılır?

JPEG görselleri fotoğrafçılık ve karmaşık renkler içeren hareketsiz görüntüler için idealdir. JPEG biçiminde milyonlarca renkten oluşan bir palet bulunur. Ayrıca JPEG, görsel kalitesinde gözle görülür bir kayıp olmadan sayfa yükleme sürelerinin kısa tutulmasına yardımcı olabilecek kayıplı sıkıştırma işlevini kullanır.

Aşağıdaki görsel türleri için JPEG biçimini kullanın:

  • ürün
  • banner'lar veya slayt gösterileri
  • sayfalar ve blog gönderileri.

PNG görselleri ne zaman kullanılır?

PNG görselleri grafikler ile düz renkli ve degradesiz simgeler için idealdir. PNG biçimi, saydamlığı da destekleyebilir.

Aşağıdaki görsel türleri için PNG biçimini kullanın:

  • logolar
  • simgeler
  • kenarlıklar ve süslemeler.

Sıkıştırma oranları

Yükleme sürelerinin kısa tutulması için, görseller online mağazanızda gösterildiğinde Shopify bunları sıkıştırır. Bir görselin sıkıştırılması, sayfa yükleme sürelerinin daha kısa olması için dosya boyutunun azaltılması anlamına gelir. Sıkıştırma sayesinde belirli bir disk veya bellek alanında daha fazla görsel saklanabilir. Ayrıca görsellere erişim için gereken süre büyük ölçüde kısalır. Sıkıştırma, görselinizin biçimine, boyutuna ve orijinal kalitesine bağlı olarak görsel kalitesinde bir değişiklik yaratabilir.

Shopify'ın, sıkıştırma işleminden sonraki görsel kalitesi düzeyleri şu şekildedir:

  • JPEG: 65 - 90 arası
  • PNG: 90
  • GIF: Kalitede değişiklik olmaz

JPEG görsellerinde, sıkıştırılan bir görselin kalite düzeyi, çıktı boyutunun yanı sıra orijinal JPEG görselinin kalitesine de bağlıdır:

Sıkıştırma oranları
Orijinal kalite Çıktı boyutu Çıktı kalitesi
En az 86 En az 1024 piksel yükseklik veya genişlik 85
65 - 85 En az 1024 piksel yükseklik veya genişlik Orijinal kalite
En fazla 64 En az 1024 piksel yükseklik veya genişlik 65
En az 76 Her ikisi de 1024 pikselden daha az yükseklik ve genişlik 75
65 - 75 Her ikisi de 1024 pikselden daha az yükseklik ve genişlik Orijinal kalite
En fazla 64 Her ikisi de 1024 pikselden daha az yükseklik ve genişlik 65

Yükleme sınırları

Shopify'a yönelik görsel yüklemelerinde hem megapiksel hem de dosya boyutu (megabayt cinsinden ölçülür) açısından kısıtlamalar söz konusudur. Megapiksel, bir görselin kaç milyon pikselden oluştuğunu belirtmek için kullanılır. Megabayt, bir görselin kaç milyon bayt bellek veya disk alanı kapladığını belirtmek için kullanılır.

Shopify'a yüklenen görseller aşağıdaki sınırlardan herhangi birini aşamaz:

  • 20 megapiksel
  • 20 megabayt

Not: Ürün görsellerinin yüklenmesi için farklı görsel ve dosya boyutu sınırları vardır.

Renk profilleri

Online mağazanızda bir görseli görüntülediğinizde görseldeki renkler, Shopify'a yüklediğiniz orijinal görseldeki renklerden farklı görünebilir. Bu, bir görsel .ICC veya .ICM uzantısına sahip bir dosyadaki veri kümesi olan bir renk profiline sahip olduğunda gerçekleşir. Renk profilleri, renklerin farklı cihazlarda görünme biçiminin standartlaşmasına yardımcı olmak için genellikle görsellere eklenir. Görseller online mağazanızda gösterildiğinde bunların renk profilleri kaldırılır.

Renk profillerinin kaldırılmasının birkaç nedeni vardır:

  • Her cihaz .ICC veya .ICM renk profillerini okuyamaz. Bu nedenle, bunların olduğu gibi bırakılması cihazlardaki görsel renklerinde tutarsızlıklara neden olabilir.
  • Yüklenen bir görsel, renk profili içermediğinde web tarayıcısı, sRGB'yi (görselleri web'de görüntülemek için en sık kullanılan renk profili) kabul eder. Bu, görsellerinizin tüm başlıca web tarayıcılarında ve cihazlarda aynı şekilde görünmesini sağlar.
  • Renk profilleri büyük miktarlarda disk alanı kaplar ve bu, yükleme sürelerinin uzamasına neden olur.

Bir görselden renk profilini kaldırma

Görselinizi Shopify'a yüklemeden önce renk profili olmadan kaydederek görselinizden renk profilini kaldırabilirsiniz. Bu işlem, görsel düzenleme programınıza bağlı olarak değişiklik gösterir.

Adobe Illustrator'ı veya Adobe Photoshop'u kullanarak bir renk profilini kaldırma

Adobe Illustrator'ı veya Adobe Photoshop'u kullanarak bir renk profilini kaldırmak için:

  1. Düzen > Profil Ata'ya tıklayın.

  2. Bu Belgede Renk Yönetimi Uygulama'yı seçin.

  3. Tamam'a tıklayın.

Adobe InDesign'ı kullanarak bir renk profilini kaldırma

Adobe InDesign'ı kullanarak bir renk profilini kaldırmak için:

  1. Düzen > Profil Ata'ya tıklayın.

  2. RGB Profili ve CMYK Profili için At (Geçerli Çalışma Alanını Kullan) seçeneğini belirleyin.

  3. Tamam'a tıklayın.

Daha ayrıntılı bilgi için Renk profilleriyle ilgili Adobe belgelerini görüntüleyebilirsiniz.

Slayt gösterileri ve tam genişlikli görseller için en iyi uygulamalar

Shopify temalarının birçoğu, tarayıcınızın yüksekliğine göre ölçeklenen (Boundless ve Brooklyn) veya ekran boyutunuza uyarlanan (Venture) büyük görseller ya da slayt gösterileri içerir.

Bu temalardan birini kullanıyorsanız veya büyük bir slayt gösteriniz ya da arka plan resminiz varsa hangi tür görsellerin en iyi şekilde görüneceğini anlamanız önemlidir.

Büyük görseller tüm cihazlara sığmadığından Shopify bazen, kullandığınız cihaza bağlı olarak görselin yalnızca bir kısmını gösterir. Görsel slayt gösteriniz çok sayıda büyük görsel içeriyorsa görsellerin bazı kısımlarının görünmediğini fark edebilirsiniz.

Öneriler

Görsellerinizin temanızla uyumlu olmasını sağlamak için göz önünde bulundurmanız gereken bazı noktalar şunlardır:

  • Bazı temalarda, bir görselin hangi kısmının, odak noktası olduğunu belirtmek için kullanabileceğiniz bir görsel konumu ayarı bulunur. Temanızda böyle bir ayar yoksa her bir görselin odak noktasının ortada olduğundan emin olun. Görselleriniz bazı ekranlarda kırpıldığında odak noktası görünür durumdayken odak noktasının etrafındaki alanlar gizlenir.

  • Slayt gösterileri veya arka planlar için kullandığınız görsellerin içinde metin bulunmamalıdır. Metin, görselin kendi parçasıysa temanıza uygun şekilde taşınabilir, kırpılabilir veya düzenlenebilir. Slayt gösterilerinize metin ve bağlantı eklemek için tema düzenleyicisini kullanın.

  • Slayt gösterilerinde veya arka plan olarak kullandığınız görsellerde, görselin üzerini kaplayan metnin kolay okunması için basit görseller seçin.

Uzun ekranlarda geniş görseller

Görsellerin görüntülenmesi için kullanılan cihazın ekranı uzunsa (cep telefonu veya tablet) geniş görseller soldan ve sağdan kırpılabilir:

Uzun ekranlarda geniş görseller

Geniş ekranlarda uzun görseller

Görsellerin görüntülenmesi için kullanılan cihazın ekranı genişse (dizüstü veya masaüstü bilgisayar) uzun görseller üstten ve alttan kırpılabilir:

Geniş ekranlarda uzun görseller

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene