Ü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.

Genel Bilgiler

• Maksimum görsel sayısı: Her ürün için en fazla 8 görsel eklenebilir.
• 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; ESP teması ve üzerindeki yeni nesil temalar ile tüm Flex temalarda bulunur. BriBella 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.

Ü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.

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ö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.