Görsel yükleme

Bu sayfanın yazdırılma zamanı: May 28, 2023. Geçerli sürüm için https://help.shopify.com/tr/manual/online-store/images/theme-images adresini ziyaret edin.

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. Shopify, görseller online mağazanızda gösterilirken mümkün olan en iyi görsel biçimini otomatik olarak sağlamaya ek olarak, kırpma ve yeniden boyutlandırma işlemleriyle görsellerinizi dinamik bir şekilde dönüştürme olanağı sunar.

Bu sayfada

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.

Basamak

  1. Shopify yöneticinizden online mağaza > temaları' na gidin.
  2. Düzenlemek istediğiniz temayı bulun ve Özelleştir'e tıklayın.
  1. Shopify uygulamasından Mağaza' ya dokunun.
  2. Satış Kanalları bölümünde online mağaza' ya dokunun.
  3. Temaları Yönet' e dokunun.
  4. Düzenlemek istediğiniz temayı bulun ve Özelleştir'e dokunun.
  5. Düzenle' ye dokunun.
  1. Shopify uygulamasından Mağaza' ya dokunun.
  2. Satış Kanalları bölümünde online mağaza' ya dokunun.
  3. Temaları Yönet' e dokunun.
  4. Düzenlemek istediğiniz temayı bulun ve Özelleştir'e dokunun.
  5. Düzenle' ye dokunun.
  1. Düzenlemek istediğiniz şablonu seçmek için açılır menüyü kullanın.
  2. Tema düzenleyicisi kenar çubuğundan, görsel eklemek istediğiniz bölüme veya bloğuna tıklayın.

  3. Görsel Seç'e tıklayın ve ardından aşağıdaki işlemlerden birini gerçekleştirin:

    • Bilgisayarınızdan görsel yüklemek için Yükle'ye tıklayın.
    • Burst'ten ücretsiz bir stok görseli kullanmak için Ücretsiz görselleri keşfet'e tıklayın.

  4. Temanızda görselin bir önizlemesini görmek için bir görsele tıklayın. Kullanmak istediğiniz bir görseli bulduğınızdan sonra Seç' e tıklayın.

  5. Kayıtyap ' a tıklayın.

Meta alanları kullanarak görsel ekleme

Görselleriniz için ayarlanmış meta alanlarınız varsa görsel eklemek üzere dinamik kaynak seçiciyi kullanabilirsiniz. Meta alanlar ve desteklenen görsel biçimleri hakkında daha fazla bilgi edinmek için Meta alan içerik türleri ve değerleri bölümüne bakın.

Görsel banner'ları

Aşağıdaki öğelerle görsel banner'lar oluşturabilirsiniz:

  • bir veya iki görsel
  • metin
  • bir işlem düğmesi

Masaüstü bilgisayarlarda banner görselleri yan yana görüntülenir. Bu biçim mobil cihazlar için uygun olmadığından Görsel banner'ı tema ayarlarından Mobilde görselleri üst üste ekle seçeneğini belirleyerek görsel banner'ı resimlerinizi üst üste ekleyebilirsiniz. Görsel banner'ları ve slayt gösterileri hakkında daha fazla bilgi edinmek için Slayt gösterisi ve görsel banner'ları için en iyi uygulamalar bölümüne bakın.

Tema görseli üzerinde odak noktası ayarlama

Online mağazanın temasındaki bir görselin en önemli bölümünü tanımlamak için odak noktalarını kullanabilirsiniz. Görselde ayarladığınız odak noktası, odaklanılan alan haline gelir. Düzene uyması amacıyla görselinizi kırpan bir temanız olsa bile odak noktaları her zaman ön planda görünür. Odak noktaları, temalarda farklı en/boy oranları kullanıldığında ve çeşitli ekran boyutlarında görselinizin görüntülenme şekli üzerinde daha fazla kontrol sağlar.

Görsel başına yalnızca bir odak noktanız olabilir ancak bunu değiştirebilir veya dilediğinizde kaldırabilirsiniz.

Odak noktası ayarlama, ücretsiz Shopify temalarının aşağıdaki sürümlerinde mevcuttur:

  • Craft 5.0.0 sürümü veya sonraki sürümler
  • Crave 5.0.0 sürümü veya sonraki sürümler
  • Colorblock 3.0.0 sürümüveya sonraki sürümler
  • Dawn 7.0.0 sürümü veya sonraki sürümler
  • Refresh 2.0.0 sürümü veya sonraki sürümler
  • Ride 3.0.0 sürümüveya sonraki sürümler
  • Sense 5.0.0 sürümü veya sonraki sürümler
  • Studio 4.0.0 sürümü veya sonraki sürümler
  • Taste 4.0.0 sürümü veya sonraki sürümler

Üçüncü taraf bir tema kullanıyorsanız temanızın odak noktaları kullanmayı destekleyip desteklemediğini görmek için temanızın belgelerine bakın.

Bir görsele odak noktası ekleme

Dosyalar bölümünüzden ve tema düzenleyiciden görsele odak noktası ekleyebilirsiniz. Bir görsele odak noktası ekler ve ardından görseli birden fazla yerde kullanırsanız tüm görsellerde odak noktası aynı olur.

Yalnızca tema görsellerine odak noktası ekleyebilirsiniz. Ürüne, bloga veya koleksiyon görsellerine odak noktası ekleyemezsiniz.

Basamak

  1. Tema düzenleyicisinde, görsel bulunan bir bölüme veya bloğa tıklayın.
  2. Görselde Düzenle'ye tıklayın.
  3. Odak noktası ekle'ye tıklayın.
  4. Odak noktanızı ayarlamak için mavi daireye tıklayıp sürükleyin veya görselin en önemli kısmına tıklayın.
  5. Bitti'ye tıklayın.

Basamak

  1. Tema düzenleyicisinde, görsel bulunduran bölüme veya bloka dokunun.
  2. Görselde Düzenle'ye dokunun.
  3. Odak noktası ekle'ye dokunun.
  4. Odak noktasını ayarlamak için görselin en önemli kısmına dokunun.
  5. Bitti'ye dokunun.

Basamak

  1. Tema düzenleyicisinde, görsel bulunduran bölüme veya bloka dokunun.
  2. Görselde Düzenle'ye dokunun.
  3. Odak noktası ekle'ye dokunun.
  4. Odak noktasını ayarlamak için görselin en önemli kısmına dokunun.
  5. Bitti'ye dokunun.

Odak noktasını kaldırma

Basamak

  1. Tema düzenleyicisinde, görsel bulunan bir bölüme veya bloğa tıklayın.
  2. Görselde Düzenle'ye dokunun.
  3. Odak noktasını kaldır'a tıklayın.
  4. Bitti'ye tıklayın.

Basamak

  1. Tema düzenleyicisinde, görsel bulunduran bölüme veya bloka dokunun.
  2. Görselde Düzenle'ye dokunun.
  3. Odak noktasını kaldır'a dokunun.
  4. Bitti'ye dokunun.

Basamak

  1. Tema düzenleyicisinde, görsel bulunduran bölüme veya bloka dokunun.
  2. Görselde Düzenle'ye dokunun.
  3. Odak noktasını kaldır'a dokunun.
  4. Bitti'ye dokunun.

Görsel biçimleri

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

  • JPEG
  • Aşamalı JPEG
  • PNG
  • GIF
  • HEIC
  • WebP
  • AVIF

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

Otomatik görsel sıkıştırma ve biçim seçimi

Yükleme sürelerinin kısa tutulması için görseller online mağazanızda gösterildiğinde Shopify bunları otomatik olarak 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.

Ayrıca Shopify, görsellerinizi iletirken kullanılabilecek en iyi dosya biçimini otomatik olarak belirler. Örneğin, bir alıcının web tarayıcısının WebP ve AV1 Görsel Dosyası Biçimi (AVIF) gibi modern görsel biçimlerini desteklediğini tespit ettiğimizde Shopify görselinizi bu biçimlerde iletir.

Dosya boyutunu küçülterek performansı artırmak için GIF'ler otomatik olarak animasyonlu WebP biçimine dönüştürülür.

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

Görselinizin megapikselini bulmak için şu denklemi kullanabilirsiniz: (pixel width x pixel height)/1,000,000. Örneğin, 4900 x 6930 çözünürlüğe sahip bir görsel, denkleme göre 33,9 megapiksel olur: (4900x6930)/1,000,000 = 33.9 MP.

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, görsel banner'ları ve tam genişliğe sahip 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 veya ekran boyutunuza uyarlanan büyük görseller veya 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:

  • 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. Aşağıdaki örnekte, insanlar görselin en önemli parçasıysa görselin sağ tarafına bir odak noktası ekleyebilirsiniz:

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. Aşağıdaki örnekte, ayakkabılar görselin en önemli parçasıysa görselin alt kısmına odak noktası ekleyerek bu kısmın kırpılmasını önleyebilirsiniz:

Geniş ekranlarda uzun görseller

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

Ücretsiz olarak dene