Ürün Görselleri Nasıl Eklenir ve Düzenlenir?

Ürünlerinize görsel ekledikten sonra bu görsellerin ana sayfada ve kategori sayfalarında doğru görünmesi, profesyonel bir görünüm ve iyi bir kullanıcı deneyimi sağlar. Bu rehberde, görsellerinizi temanızla uyumlu hale getirmek ve doğru boyutta yüklemek için gereken adımları bulacaksınız.

Video güncelleme notu: Videoda, görsel düzenleme penceresine sonradan eklenen yapay zeka ile düzenleme özelliği yer almamaktadır. Bu konu için sayfadaki "Görseli Yapay Zeka ile Düzenlemek" bölümünü inceleyin.

Genel Bilgiler

• Maksimum görsel sayısı: Her ürün için en fazla 8 görsel eklenebilir.
• Varyantlı ürünlerde: Bu sınır her kayıt için ayrı ayrı geçerlidir. Ana ürüne 8 görsel ekleyebileceğiniz gibi, her bir varyanta da ayrıca 8 görsel ekleyebilirsiniz. Böylece renk veya modele göre farklı görseller göstererek müşterinizin seçtiği varyantın kendi fotoğraflarını görmesini sağlayabilirsiniz.
• Desteklenen formatlar: Görseller JPG veya PNG formatında olmalıdır.
• Dosya boyutu: Her görselin dosya boyutu 500 KB civarında olmalıdır.
• Tema uygunluğu: Ürün görselleriniz, seçtiğiniz temanın gerektirdiği oranlara uygun olmalıdır.

Otomatik Görsel Boyutlandırma Nedir?

Flex temaların tamamında ve yeni nesil modernize edilmiş standart temalarda otomatik görsel boyutlandırma özelliği bulunur. Bu özellik sayesinde, tema ayarında çerçeveyi kare, dikey veya yatay olarak ayarladığınızda, hangi boyutta görsel eklerseniz ekleyin görsel otomatik olarak çerçeveye sığdırılır. Böylece görselleri tek tek fotoğraf programlarında düzenlemekle uğraşmazsınız.

Ancak dikey formata ayarlı bir çerçeveye kare bir görsel eklerseniz, sistem kareyi dikeye uyarlar ve bu bazen kırpılmış ya da bozuk bir görünüme neden olabilir. En iyi sonuç için görsel formatınız ile tema çerçevesini eşleştirmeniz önerilir.

Hangi temalarda var? Otomatik görsel boyutlandırma; Espy teması ve üzerindeki yeni nesil temalar ile tüm Flex temalarda bulunur. Bree Balla ve altındaki temalarda manuel boyutlandırma olsa da otomatik boyutlandırma yoktur. Bu özelliği istiyorsanız bir Flex tema ya da yeni nesil temalardan birini tercih edin.

Görsel Çerçeveye Oturmuyorsa

Ürün görsellerinizin çerçeveye tam oturmaması, kenarlarda boşluk kalması veya görselin küçük görünmesi Bree Balla ve altındaki temalarda karşılaşabileceğiniz bir durumdur. Espy ve üzerindeki temalar ile tüm Flex temalarda otomatik görsel boyutlandırma bulunduğu için görselleriniz çerçeveye kendiliğinden uyum sağlar.

Eski bir tema kullanıyorsanız Ayarlar > Genel Ayarlar > Ek Ayarlar bölümündeki vitrin görsel boyutunu kontrol edebilirsiniz. Bu alan varsayılan olarak 960x960 gelir; ayrıca büyütmenize gerek yoktur.

Ürün Görsellerinin En-Boy Oranını Ayarlama

1. Tasarım Ayarları > Temalar > Tema Ayarları > Genel Ayarlar sekmesini açın.
2. "Ürün Görsellerinin En-Boy Oranı" ayarını bulun.
3. Görsellerinizin yapısına uygun oranı belirleyin.

Eski temalarda bu ayar yalnızca üç seçenekten oluşuyordu: kare, dikey veya yatay. Yeni nesil ve Flex temalarda ise buraya istediğiniz boyutu doğrudan yazabilirsiniz. Örnek boyutlar:

• Kare: 1200x1200 piksel (1:1)
• Dikey: 800x1200 piksel (2:3)
• Yatay: 1200x800 piksel (3:2)

İpucu: Boyutu piksel olarak yazmak zorunda değilsiniz. "800x1200" yerine "2:3", "1200x1200" yerine "1:1" yazmak tamamen aynı sonucu verir. Örneğin telefonunuzla çektiğiniz dikey görsellerden birinin piksel değerini buraya yazmanız yeterlidir; tüm çerçeve o orana uyarlanır.

Görselleriniz temanın oranıyla birebir aynı olmak zorunda değildir; otomatik boyutlandırma görseli çerçeveye sığdırır. Ancak oran birebir uymadığında (örneğin 2:3 çerçeveye 1400x2100 bir görsel eklediğinizde) görsel sığar fakat belli bölgelerinden kırpılabilir. Bu yüzden görsellerinizin formatını öğrenip temayı ona göre ayarlamanız önemlidir.

Görsel Formatını Tema ile Eşleştirme

Bir sitede ürün görsellerinin bazılarının kare, bazılarının dikey olması görünümü bozar. Bu nedenle tüm ürün görsellerinizi tek bir formatta (kare, dikey veya yatay) tutmaya çalışın.

Tümünü aynı formatta hazırlamanız mümkün değilse, çoğunluğun formatını seçin. Örneğin 200 ürününüzün 150'si dikey, 50'si kare ise dikey formatı tercih edin. Bu durumda az sayıdaki farklı formatlı görseli aşağıdaki kırpma özelliğiyle uyarlayabilirsiniz.

Görsel Düzenleme Penceresi

Yüklediğiniz bir görseli panelden düzenlemek için ürün düzenleme sayfasındaki Resimler bölümüne inin ve görselin altındaki kalem simgesine tıklayın. Açılan pencerenin sağ tarafında dört bölüm bulunur:

• Bilgi: Görselin bilgilerini gösterir.
• Kırp ve Dönüştür: Görselin hangi bölümünün görüneceğini seçmenizi ve görseli döndürmenizi sağlar.
• Yeniden Boyutlandır: Görselin ölçülerini değiştirmenizi sağlar.
• AI İle Düzenleme: Yapay zeka ile nesne kaldırma ve arka plan temizleme işlemlerini yapmanızı sağlar.

İlk üç bölüm görseli elle düzenlemenizi sağlar; yapay zeka yalnızca son bölümde çalışır.

Tek Bir Görseli Kırpma (Sürüm 8 Özelliği)

Tema çerçeveniz kare olduğu hâlde bir görseliniz dikeyse (veya tam tersi), o görseli tek tek düzenleyebilirsiniz. Sürüm 8 ile gelen bu özellik, görselin hangi bölümünün görüneceğini kendinizin seçmesini sağlar.

1. Düzenlemek istediğiniz görsele tıklayın.
2. Kalem (düzenle) simgesine basın; düzenleme alanı açılır.
3. "Kırp ve Dönüştür" bölümünden temanızın formatını (kare, dikey vb.) seçin.
4. Mavi çerçevede görselin görünmesini istediğiniz alanı belirleyin.
5. Kaydedin. Artık çerçevede sizin seçtiğiniz alan görünür.

Görsellerinizi Canva gibi araçlarla da dilediğiniz oranda kırpıp yeniden boyutlandırabilirsiniz. Sonuçta eklediğiniz görseller ile tema ayarındaki çerçeve yapısı birbirine benzediğinde en iyi görünümü elde edersiniz.

Görseli Yapay Zeka ile Düzenlemek

Aynı pencerede, görselinizden istemediğiniz nesneleri kaldırabilir veya arka planı temizleyebilirsiniz. Bunun için ayrı bir görsel düzenleme programına ihtiyacınız olmaz.

1. Görselin altındaki kalem simgesine tıklayarak düzenleme penceresini açın.
2. Sağ taraftaki AI İle Düzenleme başlığına tıklayarak bölümü açın.
3. Aşağıdaki iki yöntemden birini kullanın.
4. Sonucu beğendiyseniz Kaydet, beğenmediyseniz Vazgeç butonuna tıklayın.

• Fırçayla nesne kaldırma: Fırça Boyutu'nu ayarlayıp kaldırmak istediğiniz nesnenin üstünü görselin üzerinde boyayın, ardından Nesneyi Kaldır butonuna tıklayın. Yanlış bir yeri boyadıysanız Seçimi İptal Et ile temizleyebilirsiniz.
• Cümleyle tarif etme: Bir cümle ile belirtin alanına isteğinizi yazın (örneğin "Arkaplanı temizle") ve Uygula butonuna tıklayın.

Önemli: Yapay zeka bir nesneyi kaldırırken arkasında kalan boşluğu tahmin ederek doldurur. Ürüne yakın bir alanı temizlediğinizde ürünün kendisinin bozulmadığından emin olun; kaydetmeden önce görseli büyüterek kontrol edin.

Yapay zeka ile görsel düzenleme, token kotanızdan düşer. Adım adım anlatım ve panelinizdeki diğer yapay zeka araçları için Yapay Zeka Araçları sayfamızı inceleyebilirsiniz.

Görselleri MB Olarak Küçültme (TinyPNG)

Otomatik boyutlandırma görseli çerçeveye sığdırsa da, dosya boyutunu (MB) küçültmek size düşer. Görsellerinizi mutlaka küçülterek yükleyin. Bunun iki önemli faydası vardır:

• Daha hızlı site: Özellikle çok görsel içeren ana sayfa ve kategori sayfaları daha hızlı açılır.
• Daha verimli kaynak kullanımı: Ürün, slider ve banner görsellerini küçültmek sunucu kaynaklarınızı daha iyi kullanmanızı sağlar.

Boyut hedefleri: Ürün görselleri 500 KB civarında olmalıdır. Slider ve bannerları ne kadar küçültürseniz o kadar iyidir. Hiçbir görseli 1 MB'ın üzerinde yüklemeyin. Ne kadar minimize edilirse sizin için avantaj sağlar.

TinyPNG, görsellerinizin dosya boyutunu ücretsiz olarak küçülten çevrimiçi bir araçtır. 5 MB'a kadar görselleri sıkıştırır ve ortalama %60–90 oranında küçültme sağlar. Kaliteli görsellerde gözle fark edilir bir kalite kaybı olmaz. Örneğin 1,76 MB'lık bir görsel yaklaşık %72 küçültülerek 519 KB'a inebilir.

1. tinypng.com adresine gidin.
2. Küçültmek istediğiniz görseli seçip yükleyin.
3. Sıkıştırma tamamlandığında optimize edilmiş görseli indirin.

İpucu: TinyPNG dışında benzer araçlar da mevcuttur. Photoshop veya Illustrator kullanmayı biliyorsanız "Web için Kaydet (Save for Web)" seçeneğiyle de görsellerinizi küçültebilirsiniz. Aynı özeni ürün görsellerinin yanı sıra slider ve banner görsellerinize de gösterin.

Profesyonel Fotoğraf Çekimi İçin Öneriler

Ürün fotoğraflarınızı profesyonel olarak çektirecekseniz şu önerileri dikkate alabilirsiniz:

• Oranı bildirin: Temanıza uygun oranı (örneğin 2:3 veya 3:2) fotoğrafçınıza iletin. Bu oran bildirimi genellikle yeterlidir.
• Kalite ve format: Çekimlerin yüksek çözünürlüklü ve JPG veya PNG formatında teslim edilmesini isteyin.
• Optimizasyon: Görsellerin 500 KB civarında olacak şekilde optimize edilmesini talep edin ya da bu rehberdeki adımlarla kendiniz düzenleyin.