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

E-ticaret sitenizde ürün görsellerinin doğru şekilde görüntülenmesi, profesyonel bir görünüm sağlar ve kullanıcı deneyimini artırır. Temanızın görsel gereksinimlerine uygun görseller hazırlamanız bu açıdan oldukça önemlidir. Bu rehberde, görsellerinizi temanızla uyumlu hale getirmek için gereken adımlar detaylı bir şekilde açıklanmıştır.

Genel Bilgiler

• Maksimum Görsel Sayısı: Her ürün için en fazla 8 görsel eklenebilir.
• Desteklenen Formatlar: Görseller JPG ve PNG formatlarında olmalıdır.
• Dosya Boyutu: Her bir görselin dosya boyutu ortalama 500 KB civarında olmalıdır.
• Tema Uygunluğu: Ürün görselleriniz, seçilen temanın gerektirdiği boyutlara ve oranlara uygun olmalıdır.

1. Temanızın Varsayılan Görsel Yapısını Belirleyin

a. Tema Bilgisi Alanını Kontrol Edin

1. Tasarım Ayarları > Temalar menüsüne gidin.
2. Aktif Tema Ayarları sekmesini açın.
3. Sağ tarafta bulunan Tema Bilgisi alanında, temanızın varsayılan görsel oranını ve önerilen boyutlarını görebilirsiniz.
   • Örnek:
     • Kare Görseller: 1200x1200 piksel (1:1).
     • Dikey Görseller: 800x1200 piksel (2:3).
     • Yatay Görseller: 1200x800 piksel (3:2).

Not : Bu boyutlar temanızın örnek boyutlarıdır ve mutlaka ürün görseli piksel boyutunuzun aynı olması gerekmez. Örnek piksellerin katları şeklinde olan piksel boyutlarıda temanızdaki görsel çerçevesini tam olarak dolduracaktır. Burada hem piksel hem mb konusu öne çıkıyor. Yazıda ne yapmanız gerektiğini görebilirsiniz.

Bu bilgi, görsellerinizin temaya uyumlu olup olmadığını anlamanızı sağlar. Eğer temanızın verdiği ürün görsel boyutu, sizin elinizdeki görsellere uygun değilse başka bir tema seçebilir veya aşağıdaki gibi boyut ayarını değiştirebilirsiniz.

2. Ürün Görsellerinin En-Boy Oranı Ayarını Değiştirin

a. Genel Ayarlar Bölümünden Oran Ayarını Yapın

1. Tasarım Ayarları > Temalar > Tema Ayarları > Genel Ayarlar sekmesini açın.
2. "Ürün Görsellerinin En-Boy Oranı" ayarını bulun.
3. Temanızın ve görsellerinizin yapısına uygun bir oran seçin:
   • 1:1 (Kare Görseller).
   • 2:3 (Dikey Görseller).
   • 3:2 (Yatay Görseller).

b. Eğer Bu Ayar Temanızda Bulunmuyorsa

Bazı temalarda bu ayar mevcut olmayabilir. Böyle bir durumda:

• Görsellerinizi temanın varsayılan oranına uygun şekilde yeniden boyutlandırmanız gerekebilir. Ancak kare görselleri dikey veya yatay oranlara uyarlamak iyi sonuçlar vermeyebilir.
• Boyut değiştirme ayarı olmayan bir temada görsel uyumsuzluğu yaşarsanız, farklı bir tema seçmeyi değerlendirin.
• Ürün görselleri henüz elinizde değilse, temanıza göre doğru boyutları belirleyerek fotoğraf çektirmek veya görselleri bu ölçülerde hazırlamak daha doğru olacaktır.

3. Görsellerin Tema ile Uyumunu Sağlayın

a. Mevcut Görsellerinize Göre Tema Seçimi Yapın

Eğer elinizde mevcut görselleriniz varsa, bu görsellerin kare, dikey veya yatay yapıda olmasına göre bir tema seçmek daha iyi bir sonuç verecektir. Temanızın görsellerle uyumlu olmaması durumunda şu adımları izleyebilirsiniz:

1. Tema Değişikliği Yapın: Elinizdeki görsellerin yapısına uygun bir tema seçerek görsellerinizin çerçevede tam ve estetik bir şekilde görünmesini sağlayabilirsiniz.
2. Yeni Görseller Hazırlayın: Eğer temayı değiştirmek istemiyorsanız, temanızın varsayılan görsel oranına uygun yeni görseller hazırlamayı düşünebilirsiniz.

Bu yaklaşım, kare, dikey veya yatay fark etmeksizin tüm görsellerinizin temanızla uyumlu hale gelmesini sağlar. Görsel uyumluluğu temanın genel görünüm kalitesini artıracaktır.

4. Ürün Görsellerinin Büyüklüğünü Ayarlayın

a. Vitrin ve Görünüm Ayarlarını Yapın

1. Tasarım Ayarları > Genel Ayarlar > Ek Ayarlar > Vitrin ve Görünüm sekmesine gidin.
2. Varsayılan olarak 240x240 piksel ayarlı olan vitrindeki görsellerin boyutunu 960x960 olarak değiştirin.

Not:

Bu ayar yalnızca vitrindeki önizleme boyutunu etkiler ve görsellerinizin netliğini veya MB boyutunu değiştirmez. Görsellerin vitrin üzerinde daha büyük görünmesini sağlar.

Ne Zaman Hangi Adımları Uygulamalısınız?

1. Piksel Oranı ve MB Durumu Analizi

1. Piksel Oranı Uygunsa, MB Sorunu Varsa:
   • Eğer görselleriniz temanın gerektirdiği piksel boyutlarına uygunsa, ancak dosya boyutu (MB) yüksekse, Compressor.io gibi araçları kullanarak boyutunu düşürün.
   • Örnek: Görseliniz 800x1200 piksel ama 2 MB’dan büyük.
2. Piksel Oranı Uygun Değilse ve MB Sorunu Varsa:
   • Eğer görselleriniz temanın piksel oranına uygun değilse ve dosya boyutu da yüksekse:
     • İlk olarak Canva ile görsellerinizi doğru piksel oranına getirin.
     • Ardından, Compressor.io gibi araçlarla dosya boyutunu düşürün.
3. Görselleriniz Hem Piksel Hem de MB Açısından Uygunsa:
   • Görselleriniz doğru piksel oranına sahipse ve 500 KB civarında bir dosya boyutuna sahipse, bu görselleri doğrudan sitenize yükleyebilirsiniz.

Compressor.io ile MB Optimizasyonu

Compressor.io, görsellerinizin dosya boyutunu küçültmek için kullanılan ücretsiz bir online araçtır. Bu araç, görsellerinizin hızlı bir şekilde optimize edilmesini sağlar. E-ticaret sitelerinde görsellerin doğru boyutlandırılması, sitenizin daha hızlı yüklenmesine ve profesyonel bir görünüme kavuşmasına yardımcı olur.

Compressor.io’nun Avantajları:

• Dosya Boyutunu Küçültme: Görsellerin boyutunu %50-70 oranında küçültebilir.
• Kaliteyi Korumak: Çoğu durumda kalite kaybı minimum düzeyde olur.
• Hızlı Yükleme Süreleri: Küçük boyutlu görseller, web sitenizin performansını artırır.

Dikkat Edilmesi Gerekenler:

• Ham Hali Kalitesiz Görseller: Görseliniz düşük çözünürlükte veya bulanıksa, Compressor.io ile sıkıştırma işlemi sonrasında daha kötü sonuçlar alabilirsiniz.
• 2 MB Üzerindeki Görseller: Compressor.io, 2 MB’dan büyük dosyaları istenilen seviyeye getiremeyebilir. Bu durumda Canva gibi araçlarla önce piksel oranını ayarlayıp görsel boyutunu küçültmek daha etkili olacaktır.

Compressor.io Kullanımı:

1. Compressor.io’ya Giriş Yapın:
   • Compressor.io adresine gidin.
2. Görselinizi Yükleyin:
   • "Select Files" butonuna tıklayın ve sıkıştırmak istediğiniz görseli seçin.
   • Görseliniz yüklendikten sonra, Compressor.io otomatik olarak sıkıştırma işlemini başlatır.
3. Dosyayı İndirin:
   • İşlem tamamlandığında "Download" butonuna basarak optimize edilmiş görseli indirin.

Ekstra Bilgi:

Compressor.io dışında, TinyPNG, JPEG Optimizer ve Optimizilla gibi araçları da deneyebilirsiniz. Daha profesyonel bir çözüm isterseniz, Canva Pro’nun dosya boyutunu sınırlandırma özelliğini inceleyebilirsiniz.

Canva ile Piksel ve MB Optimizasyonu

Eğer görselleriniz hem piksel oranında hem de MB seviyesinde sorunluysa, önce Canva ile düzenleme yapmalısınız.

a. Canva’ya Giriş ve Yeni Tasarım Oluşturma

1. Canva’ya Giriş Yapın:
   • Canva.com adresine gidin veya uygulamasını indirin.
   • Google hesabınızla veya farklı bir hesapla giriş yapın.
2. Tasarım Oluşturun:
   • Sol üst köşede "Tasarım Oluşturun" veya sağ orta bölümde "Özel Boyut" seçeneğine tıklayın.
   • Temanızın önerdiği boyutları girin:
     • Örneğin: 800x1200 piksel (Dikey), 1200x1200 piksel (Kare).
   • "Tasarım Oluştur" butonuna basarak yeni bir tasarım oluşturun.

b. Görsellerinizi Yükleyin ve Çerçeveye Yerleştirin

1. Görsel Yükleme:
   • Sol taraftaki "Yüklemeler" sekmesine gidin ve "Dosya Yükle" seçeneğiyle görselinizi yükleyin.
2. Çerçeveye Yerleştirme:
   • Görselinizi tasarım çerçevesine sürükleyin ve tam oturması için manuel olarak ayarlayın.
   • Sağ tık > Resmi Arka Plan Olarak Ayarla seçeneği, görseli çerçeveye sığdırmak için kullanılabilir.

c. Çoklu İşlem ve Sayfa Ekleme

1. Aynı dosyada birden fazla görsel düzenlemek için "Sayfa Ekle" seçeneğini kullanabilirsiniz.
2. Her sayfada farklı bir görsel düzenleyerek toplu işlem yapabilirsiniz.

d. Canva Pro ile MB Sınırlandırma

Eğer Canva’nın profesyonel sürümüne sahipseniz, görsellerinizi doğru MB seviyesine düşürmek için şu adımları izleyebilirsiniz:

1. Sol üst köşeden "Dosya > İndir" seçeneğine tıklayın.
2. "Dosya Türü" kısmında JPEG veya PNG’yi seçin.
3. "Dosya Boyutunu Şununla Sınırla" seçeneğini aktif edin.
4. İstenen dosya boyutunu 500 KB olarak belirleyin.
5. Görselinizi indirin.

Bu yöntemle, doğru piksel ve MB seviyesindeki görselleri tek adımda elde edebilirsiniz.

Canva ve Compressor Kullanımını Birlikte Değerlendirme

Eğer görselleriniz piksel oranları ve MB boyutu açısından iki sorun birden içeriyorsa, aşağıdaki yöntemi kullanabilirsiniz:

1. Canva ile Piksel Ayarlama:
   • Görselinizi Canva’ya yükleyin ve temanızın gerektirdiği piksel boyutuna göre düzenleyin.
   • Görseli Canva’dan indirdiğinizde genellikle MB boyutu 1-2 MB civarında olur.
2. Compressor.io ile MB Optimizasyonu:
   • Canva’dan indirdiğiniz görseli Compressor.io’ya yükleyerek MB seviyesini 500 KB civarına düşürün.
3. Canva Pro Varsa
   • Canva Pro sürümüne sahipseniz piksel düşürdükten sonra dosya boyutunu şununla sınırla diyerek compressor.io ya ihtiyacınız olmada istediğiniz seviyeye getirebilirsiniz.

Profesyonel Fotoğraf Çekimleri İçin Öneriler

Eğer ürünlerinizin fotoğraflarını profesyonel bir şekilde çektirecekseniz, aşağıdaki önerileri dikkate alabilirsiniz:

• Temanızı Belirleyin: Ürün görselleri için doğru oranları (örneğin 2/3 veya 4/3) temanıza göre fotoğrafçınıza iletin. Bu boyut bildirimi fotografçılar için yeterlidir.Piksel mutlaka
• Kalite ve Format: Çekimlerin yüksek çözünürlüklü olması ve JPG veya PNG formatında teslim edilmesi gerektiğini belirtin.
• Boyutlandırma ve Optimizasyon: Çekim sonrası görsellerin 500 KB civarında olacak şekilde optimize edilmesini talep edin veya kendiniz bu rehberdeki adımları takip ederek düzenleyin.

Photoshop ve Illustrator Kullananlar İçin Öneriler:

Eğer profesyonel düzenleme araçları kullanıyorsanız, görsellerinizi aşağıdaki yöntemlerle optimize edebilirsiniz:

• Piksel Ayarı: Görsellerinizi temanızın verdiği oranlara uygun şekilde düzenleyin. Örneğin, dikey yapılar için 800x1200 piksel gibi.
• Dosya Boyutunu Küçültme: Photoshop veya Illustrator'da "Web için Kaydet" (Save for Web) seçeneğini kullanarak görsellerin dosya boyutunu küçültün.
• Kaliteyi Koruma: Dosya boyutunu düşürürken kaliteyi olabildiğince koruyun; özellikle ürün detaylarının netliği bozulmamalıdır.