AI Özet
ikas'ta bütün temalar için tek bir görsel ölçüsü yoktur; her tema her bölüm için kendi ölçüsünü kullanır ve ikas bunları destek merkezindeki Tema Görsel Boyutları aracında 15 tema ve 103 bölüm için yayımlar. Ana slider Ozy'de 1920 x 863 (mobilde 468 x 655), Koru'da 1920 x 1075, Toros'ta 1400 x 787 pikseldir. Ürün görseli için zorunlu ölçü yoktur, ürün kartları varsayılan olarak kare çalışır; görsel sınırı 10 MB, video sınırı 25 MB, favicon 48 x 48 pikseldir ve ikas yüklenen görselleri WebP'ye çevirir. Tema Mağazası'ndaki ikas Studio temaları bu araçta yer almaz.
Hadi Tanışalım!ikas'ta bütün temalar için geçerli tek bir görsel ölçüsü yok; her tema her bölüm için kendi ölçüsünü kullanıyor. Örneğin ana slider Ozy'de 1920 x 863 (mobilde 468 x 655), Koru'da 1920 x 1075 (mobilde 467 x 767), Toros'ta 1400 x 787 (mobilde 448 x 677) piksel. ikas bu ölçüleri destek merkezindeki Tema Görsel Boyutları aracında 15 tema ve 103 bölüm için yayımlıyor; aşağıda hepsini tema tema topladık. Ürün görselleri varsayılan olarak kare çalışıyor, bir görsel en fazla 10 MB olabiliyor ve ikas yüklediğin dosyayı WebP'ye kendisi çeviriyor.
Bir ikas mağazası kurarken en çok takıldığın yer muhtemelen burasıdır. Görseli yüklüyorsun, slider'da kenarlardan kırpılıyor; mobilde başka türlü görünüyor; kategori kartında ürün ortalanmıyor. Bunun sebebi neredeyse her zaman aynı: yüklediğin görselin en boy oranı, temanın o alandaki oranıyla uyuşmuyor.
En çok aranan ikas görsel ölçüleri
Önce en çok sorulan ölçüleri tek tabloda topladık; her temanın bütün bölümleri aşağıda. Son kontrol: 1 Ekim 2026.
| Ne arıyorsun | Ölçü (piksel) | Kaynak |
|---|---|---|
| Ozy ana slider | 1920 x 863, mobil 468 x 655 | Tema Görsel Boyutları |
| Koru ana slider | 1920 x 1075, mobil 467 x 767 | Tema Görsel Boyutları |
| Toros ana slider | 1400 x 787, mobil 448 x 677 | Tema Görsel Boyutları |
| Ozy büyük banner | 1468 x 825, mobil 436 x 245 | Tema Görsel Boyutları |
| Diğer temalarda slider | 15 temanın 11'inde genişlik 1920; yükseklik 800 ile 1219 arasında | Tema Görsel Boyutları |
| Ürün görseli | Zorunlu ölçü yok; ürün kartları varsayılan olarak kare (1:1). ikas'ın oran örneğinde 1:1 için 1080 x 1080 | Kombos rehberi, Tema Görsel Boyutları |
| Favicon | 48 x 48, kare | SEO alanları rehberi |
| Dosya sınırı | Görsel 10 MB, video 25 MB | Ürün oluşturma rehberi |
| Format | JPG ya da PNG yükle; ikas WebP'ye çevirir. HEIC de yüklenebilir | Ürün oluşturma rehberi, ikas güncellemeleri |
ikas tema görsel boyutları nereden öğrenilir?
ikas, destek merkezinde bu iş için ayrı bir araç tutuyor. Tema Görsel Boyutları sayfasında temanı seçiyorsun, o temadaki her bölümün önerilen piksel ölçüsü karşına geliyor. Sayfada arama çubuğu da var; bölümün adını yazarak bütün temalar içinde arayabiliyorsun.
Araç şu an 15 temada toplam 103 bölümün ölçüsünü veriyor: Ozy, Koru, Toros, Ezo, IZO, The Nile, Stella, Ares, The Sun, Aqua, Wish, Troy, Siva, Mine ve Ruuko. Listedeki değerler mutlak kural değil, önerilen ölçüler; 1920 x 863 yerine 2400 x 1079 yüklersen de düzgün görünür, çünkü oran aynı. Sorun oran değiştiğinde çıkıyor. Tema Mağazası'ndaki ikas Studio temaları bu listede yok; onlar için aşağıdaki ayrı bölüme bak. İki tema ailesinin farkını ikas temaları yazısında anlattık.
Slider boyutları: 15 temanın karşılaştırması
Slider ya da hero alanı sayfanın en büyük görseli olduğu için en çok hata yapılan yer burası. Aşağıdaki tabloda her temanın ana slider bölümünü ve ikas'ın verdiği masaüstü ile mobil ölçüyü topladık. Bölüm adları temadan temaya değişiyor, bu yüzden adı da yazdık.
| Tema | Bölüm | Masaüstü | Mobil |
|---|---|---|---|
| Ozy | Slayt | 1920 x 863 | 468 x 655 |
| Koru | Slayt | 1920 x 1075 | 467 x 767 |
| Toros | Slide Gösterisi | 1400 x 787 | 448 x 677 |
| Ezo | Image Slider | 1920 x 960 | 468 x 702 |
| IZO | Big Image Banner | 1920 x 1219 | 500 x 500 |
| The Nile | Slider | 960 x 1020 | Ayrı değer verilmemiş |
| Stella | Hero (Slayt) | 1920 x 1036 | 467 x 280 |
| Ares | Slider | 1920 x 1132 | 468 x 140 |
| The Sun | Slider | 2160 x 940 | 1350 x 1800 |
| Aqua | Slider | 1920 x 800 | 468 x 700 |
| Wish | Hero Image Banner | 1920 x 960 | 968 x 602 |
| Troy | Slayt | 1880 x 864 | 468 x 500 |
| Siva | Hero Slider | 1920 x 960 | 468 x 702 |
| Mine | Hero Slider | 1920 x 960 | 468 x 702 |
| Ruuko | Hero Slider | 1920 x 1080 | 468 x 832 |
Tabloya bakınca iki şey dikkat çekiyor. Birincisi, masaüstü genişliği çoğu temada 1920 piksel ama yükseklik 800 ile 1219 arasında değişiyor; yani "1920 x 1080 yükleyeyim, nasılsa standart" demek işe yaramıyor. Toros (1400), Troy (1880), The Nile (960) ve The Sun (2160) ise 1920 kalıbının dışında. İkincisi, mobil ölçüler masaüstünün küçültülmüş hali değil, oran tamamen farklı: Ozy'de masaüstü yatay dikdörtgen, mobil dikey; Stella ve Ares'te tam tersi, mobil bant çok daha basık.
Stella, Ares ve The Sun temalarında ikas ayrıca yüksekliği bölüm içinden kendin belirleyebileceğini söylüyor. Bu üç temada tablodaki değer başlangıç noktası, son karar sende.
Tema tema bütün görsel boyutları
Aşağıdaki tablolar ikas'ın Tema Görsel Boyutları aracındaki bütün bölümleri içeriyor (1 Ekim 2026). Bölüm adları araçta nasıl geçiyorsa öyle yazdık, bazıları İngilizce; birden fazla düzeni olan bölümleri düzen düzen ayrı satıra yazdık. "Oran ayarıyla değişebilir" notu olan alanlarda tema editöründeki Image Aspect Ratio ayarını değiştirirsen 2:3 ya da 4:3 gibi başka oranlar da kullanabilirsin. Telefonda tabloyu yana kaydırarak okuyabilirsin.
Ozy teması (14 bölüm)
Ozy, ikas'ın moda için hazırladığı ve yeni mağazalarda kurulu gelen tema; bu yüzden en çok aranan ölçüler onun.
| Bölüm | Masaüstü (px) | Mobil (px) | Not |
|---|---|---|---|
| Slayt | 1920 x 863 | 468 x 655 | |
| Kategori Görsel Banner | 630 x 787 (1:1.5) | - | Oran ayarıyla değişebilir |
| Kategori Görsel Banner Mobil | - | 468 x 585 | Oran ayarıyla değişebilir |
| Görsel Düzeni, 4'lü | Sol üst 722 x 455; sol alttaki iki kutu 349 x 455; sağ 722 x 936 | Dört kutu da 214 x 267 | |
| Görsel Düzeni, 3'lü | Sol alt 722 x 936; sağ üst ve sağ alt 722 x 455 | Üç kutu da 436 x 267 | |
| Görsel & Static Products, 3'lü | 484 x 405 ve 436 x 654 | - | |
| Görsel & Static Products, 6'lı | 484 x 843 | 436 x 654 | |
| Büyük Banner Görseli | 1468 x 825 | 436 x 245 | |
| Kategori Görsel Banner Düzeni | 1968 x 826 | 435 x 245 | |
| Kategori Görsel Banner Düzeni, Full Width | 1920 x 1080 | 467 x 264 | |
| 404 Hata Sayfası Görseli | 1920 x 1456 | - | |
| Marka Görsel Listesi | 938 x 938 (1:1) | - | Oran ayarıyla değişebilir |
| E-mail Aboneliği Görseli | 1920 x 422 | 467 x 467 (1:1) | |
| Kategori Görsel Banner Flex | 480 x 480 (1:1) | - | Oran ayarıyla değişebilir |
| Çalışanlar (Ekip) Görseli | 473 x 473 (1:1) | - | Oran ayarıyla değişebilir |
| Görsel Galeri | 480 x 480 (1:1) | - | Oran ayarıyla değişebilir |
| Giriş / Kayıt Formu Görseli | 1080 x 1080 (1:1) | - |
Ozy'nin gerçek ürünlerle nasıl durduğunu görmek istersen, temayı değiştirmeden güven bandı ve ürün kartı etiketleri eklediğimiz Bumeria Food Ozy uyarlamasına bakabilirsin.
Koru teması (8 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) | Not |
|---|---|---|---|
| Slayt | 1920 x 1075 | 467 x 767 | |
| Görsel Galerisi | 289 x 289 (1:1) | - | Varsayılan oran 1:1; oran ayarıyla değişir |
| Görsel Yazı Yerleşimi | 347 x 447 | - | |
| Büyük Banner Görseli | 1920 x 1075 | 468 x 767 | |
| Bülten Aboneliği Bölümü | 1920 x 342 | - | |
| Kayan Görsel Bölümü (Markalar) | 180 x 180 | - | |
| Wide Image Banner | 500 x 281 | - | |
| Görsel (Tekil) | 500 x 281 | - |
Toros teması (10 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) | Not |
|---|---|---|---|
| Slide Gösterisi | 1400 x 787 | 448 x 677 | |
| Mozaik, 5'li | Sol 926 x 425; sağ 463 x 280 | 448 x 280 | Mobil oran bölümden seçilir |
| Mozaik, 4'lü | Sol üst ve sağ alt 930 x 280; sol alt ve sağ üst 460 x 280 | - | Mobil oran bölümden seçilir |
| Mozaik, 3'lü | Sol 926 x 570; sağ üst ve sağ alt 463 x 280 | - | Mobil oran bölümden seçilir |
| Mozaik, 2'li | Sol 926 x 280; sağ 463 x 280 | - | Mobil oran bölümden seçilir |
| Mozaik, 1'li | 1400 x 280 | - | Mobil oran bölümden seçilir |
| Izgara Düzeni, 1'li | 1400 x 375 | - | Mobil oran bölümden seçilir |
| Izgara Düzeni, 2'li | Her hücre 690 x 375 | - | Mobil oran bölümden seçilir |
| Izgara Düzeni, 3'lü | Her hücre 453 x 375 | - | Mobil oran bölümden seçilir |
| Izgara Düzeni, 4'lü | Her hücre 335 x 375 | - | Mobil oran bölümden seçilir |
| Kategori/Marka Listesi | 453 x 453 (1:1) | 448 x 448 (1:1) | |
| Brands (Tekil Marka) | 250 x 250 | - | |
| Header Menü Görsel | - | - | Oranı sen seçersin |
| Zengin Metin (Görsel İçerik) | 1400 x 786 | - | |
| Görsel Galeri | 338 x 338 | - | |
| Wide Image Banner | 1440 x 356 | - | |
| ImageText (Görsel ve Metin) | 688 x 688 (1:1) | - | Oran ayarıyla değişebilir |
Ezo teması (7 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) | Not |
|---|---|---|---|
| Image Slider | 1920 x 960 | 468 x 702 | |
| Multi Card Image | 546 x 364 | - | |
| Mail Subscription (Arkaplan) | 1920 x 960 | - | |
| Image with Text | 742 x 521 | - | |
| Brand (Marka Görseli) | 595 x 595 (1:1) | - | Varsayılan oran 1:1; oran ayarıyla değişir |
| Two Text and Image | 1920 x 917 | - | |
| Image-Icon Text | 550 x 500 | - |
IZO teması (7 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) | Not |
|---|---|---|---|
| Big Image Banner | 1920 x 1219 | 500 x 500 | Mobilde varsayılan oran 1:1; oran ayarıyla değişir |
| Product Image - Slider | 960 x 1051 | 468 x 898 | |
| Two Sided Image | 960 x 960 | - | |
| Banner With Small Image | 960 x 960 | - | |
| Three Images List | 960 x 960 | - | |
| Brand (Marka Görseli) | 595 x 595 (1:1) | - | Varsayılan oran 1:1; oran ayarıyla değişir |
| Two Text and Image | 1920 x 917 | - |
The Nile teması (6 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) |
|---|---|---|
| Slider | 960 x 1020 | - |
| Image With Banner | 865 x 865 | - |
| Full With Banner | 1920 x 465 | - |
| Full Width Image | 1920 x 1020 | - |
| Image Banner | 367 x 441 | - |
| Görsel Düzeni, 4'lü | Sol üst 722 x 455; sol alttaki iki kutu 349 x 455; sağ 722 x 936 | Dört kutu da 214 x 267 |
| Görsel Düzeni, 3'lü | Sol alt 722 x 936; sağ üst ve sağ alt 722 x 455 | Üç kutu da 436 x 267 |
Stella teması (8 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) | Not |
|---|---|---|---|
| Hero (Slayt) | 1920 x 1036 | 467 x 280 | Yükseklik bölümden ayarlanır |
| Büyük Görsel & Metin | - | - | Serbest ölçü |
| Öne Çıkanlar (Görsel) | 565 x 376 | - | |
| Kategori Görselleri | 370 x 370 | - | |
| Görsel Gönderisi (Blog/Sosyal) | 545 x 363 | - | |
| Marka Görseli | - | - | Serbest ölçü |
| İkili Resim | 584 x 816 | - | |
| Image Slider (İkinci Slider) | 1920 x 1036 | 467 x 280 | Yükseklik bölümden ayarlanır |
Ares teması (5 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) | Not |
|---|---|---|---|
| Slider | 1920 x 1132 | 468 x 140 | Yükseklik bölümden ayarlanır |
| Görsel Kart Bölümü | 1056 x 672 | - | |
| Görsel ve Yazı | 980 x 1247 | - | Oran ayarıyla değişir; genişlik de ayarlanabilir |
| Kategori Görsel Banner | 480 x 480 | - | |
| Geniş Görsel Alanı (Wide Banner) | 1920 x 190 | - |
The Sun teması (5 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) | Not |
|---|---|---|---|
| Slider | 2160 x 940 | 1350 x 1800 | Yükseklik bölümden ayarlanır |
| Discovery Double (İkili Görsel) | 540 x 810 | - | |
| Discovery Categories, büyük görsel | 640 x 772 | - | |
| Discovery Categories, iki küçük görsel | 640 x 640 | - | |
| Brand Image List (Marka Listesi) | 480 x 480 | - | Oran ayarıyla değişebilir |
| Marquee Image (Kayan Görsel) | 500 x 500 | - |
Aqua teması (5 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) |
|---|---|---|
| Slider | 1920 x 800 | 468 x 700 |
| Öne Çıkan Ürünler Görseli | 480 x 480 (1:1) | - |
| Kategori Kartları (Görsel) | 345 x 345 (1:1) | - |
| Full Width Banner | 1920 x 475 | - |
| Marka Logoları | 250 x 250 (1:1) | - |
Wish teması (6 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) |
|---|---|---|
| Hero Image Banner | 1920 x 960 | 968 x 602 |
| Side Banner List (Yatay Banner) | 960 x 600 | - |
| Category Image Grid (Kategori Görsel Izgarası) | 480 x 650 | - |
| Image with Text | 960 x 540 | - |
| Brand Carousel (Marka Logoları) | 250 x 250 (1:1) | - |
| Full Width Image | 1920 x 800 | - |
Troy teması (7 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) |
|---|---|---|
| Slayt | 1880 x 864 | 468 x 500 |
| Görsel Yazı Yerleşimi | 750 x 750 | - |
| Görselli Özellik Alanı | 500 x 500 | - |
| Sosyal Medya Paylaşımları | 300 x 300 | - |
| Görsel ve Ürünler Yerleşimi | 544 x 980 | - |
| Görsel Koleksiyonu | 300 x 300 | - |
| Görsel ve Kategori Yerleşimi | 875 x 655 | - |
Siva teması (5 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) |
|---|---|---|
| Hero Slider | 1920 x 960 | 468 x 702 |
| Category Banners (Kategori Bannerları) | 640 x 480 | - |
| Image Text Combo | 640 x 480 | - |
| Marquee Image (Kayan Görsel) | 500 x 500 | - |
| Full Width Image | 1920 x 800 | - |
Mine teması (5 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) |
|---|---|---|
| Hero Slider | 1920 x 960 | 468 x 702 |
| Category Card (Kategori Kartı) | 480 x 480 (1:1) | - |
| Wide Banner (Geniş Banner) | 1920 x 450 | - |
| İki Görsel Bir Metin | 640 x 480 | - |
| Image Grid (Görsel Izgarası) | 500 x 500 (1:1) | - |
Ruuko teması (5 bölüm)
| Bölüm | Masaüstü (px) | Mobil (px) |
|---|---|---|
| Hero Slider | 1920 x 1080 | 468 x 832 |
| Promotional Card (Tanıtım Kartı) | 345 x 345 (1:1) | - |
| Full Width Image | 1920 x 600 | - |
| Image Grid (Görsel Izgarası) | 500 x 500 (1:1) | - |
| Email Subscription Banner | 1920 x 400 | - |
Banner, mozaik ve ızgara ölçüleri nasıl okunur?
Mozaik ve ızgarada tek görsel değil, yan yana duran birkaç görsel var; her kutunun ölçüsü ayrı ve mobilde çoğu zaman tek sütuna dizilir. Toros bu konuda en ayrıntılı ölçüyü veren tema: beş mozaik varyasyonunun ve dört ızgara düzeninin her biri için ayrı değer var. Ozy ve The Nile'daki Görsel Düzeni de aynı mantıkla çalışıyor; dörtlü ve üçlü düzenin her kutusu için ayrı ölçü veriliyor.
Geniş bant banner'larda ölçüler tema başına şöyle: Ozy Büyük Banner 1468 x 825 (mobilde 436 x 245), Koru Büyük Banner 1920 x 1075 (mobilde 468 x 767), Toros Wide Image Banner 1440 x 356, Ares Geniş Görsel Alanı 1920 x 190, Aqua Full Width Banner 1920 x 475, Mine Wide Banner 1920 x 450, Ruuko Full Width Image 1920 x 600, Wish ve Siva Full Width Image 1920 x 800. Ares'in 1920 x 190 değeri özellikle dar; oraya ürün fotoğrafı değil ince bir kampanya şeridi gider.
ikas ürün görseli boyutu ve oranı
ikas'ta ürün görseli için zorunlu bir piksel ölçüsü yok; ikas temalarında ürün kartları varsayılan olarak kare (1:1) çalışıyor. Ürün fotoğraflarını kare çekmek ya da kare kırpmak en az sorun çıkaran yol; ikas'ın oran örneğinde 1:1 için 1080 x 1080 piksel veriliyor. Fotoğrafların kare değilse oranı ve görsel doldurma biçimini tema editöründe Üstbilgi altındaki Global Settings alanından değiştirebilirsin. Bu ayar tek ürün için değil, mağazadaki bütün ürün kartları için geçerli; katalogda farklı oranlar karışıksa kalıcı çözüm bütün fotoğrafları tek orana getirmek.
ikas'ın ürün oluşturma rehberine göre ürün sayfasında bir görsel en fazla 10 MB, bir video en fazla 25 MB olabiliyor.
Logo ve favicon ölçüsü
ikas logo için sabit bir piksel değeri vermiyor; logoyu üstbilgi ve altbilgiye yükledikten sonra yükleme alanının altındaki boyut seçicisiyle görünen boyutu ayarlıyorsun. Biz logoyu şeffaf arka planlı PNG olarak, görüneceği yüksekliğin en az iki katında hazırlıyoruz. Favicon için ikas net bir ölçü veriyor: 48 x 48 piksel, kare. Tema editöründe sol alttaki Tema Ayarları > Genel Ayarlar bölümünden yüklenir. Favicon ve görsel alt metinleri gibi diğer alanları ikas SEO ayarları yazısında anlattık.
Tema Mağazası temalarında görsel ölçüsü
Tema Görsel Boyutları aracı ikas'ın hazır temalarını kapsıyor; Tema Mağazası'ndaki ikas Studio temaları bu listede yok. Bu temalarda ölçüyü temanın kendi sayfasından ve tema editöründeki önizlemeden çıkarırsın. Örneğin Serel temasının sayfasında büyük görselli hero ve lifestyle banner alanlarının masaüstünde 16:9, mobilde 1:1 oranla çalıştığı yazıyor; ikas'ın oran örneklerinde 16:9 için 1920 x 1080, 1:1 için 1080 x 1080 piksel veriliyor. Hangi temanın hangi ailede olduğunu ikas temaları yazısında ayırdık.
Hangi formatta ve boyutta yüklemeli?
ikas yüklediğin görseli olduğu gibi sunmuyor: ürün oluşturma rehberine göre bütün görselleri otomatik olarak WebP formatına çeviriyor ve bunu sayfanın daha hızlı yüklenmesi için yapıyor. Bunun pratik sonucu şu:
- Kaynak dosyayı WebP'ye çevirmen gerekmiyor. Kaliteli bir JPG, şeffaflık gerekiyorsa PNG yükle; ikas'ın güncelleme notlarına göre telefondan çektiğin HEIC fotoğrafları da yönetim panelinden yüklenebiliyor.
- Görsel başına sınır 10 MB, video başına 25 MB.
- Önerilen ölçünün altına inme; küçük yüklediğin görsel büyük ekranda bulanık görünür. Önerilen ölçünün bir ila iki katı iyi bir aralık; çok daha büyüğü yüklemeyi uzatır ama görünür bir kazanç getirmez.
- Asıl kazanç doğru oranda. Yanlış oranda yüklenen slider hem kırpılır hem sayfa açılırken kayabilir; Google'ın Core Web Vitals rehberi bu kaymayı (CLS) ayrı bir ölçü olarak izliyor.
Görsel kararlarının satışa etkisini e-ticaret dönüşüm oranı yazısında ayrıca ele aldık.
En boy oranını değiştirirsen ne olur?
Tema editöründe pek çok bölümün içinde Aspect Ratio ayarı var. Bu ayarı değiştirdiğinde tablodaki piksel değerleri geçersiz hale geliyor, çünkü artık farklı bir oran istiyorsun. ikas burada şu örnekleri veriyor: 1:1 oranı için 1080 x 1080, 2:3 oranı için 800 x 1200 ya da 1000 x 1500, 16:9 oranı için 1920 x 1080 piksel.
Yani sıralama şöyle işliyor: önce bölümde hangi oranı kullanacağına karar ver, sonra görseli o orana göre hazırla. Ters sırayla gidersen, yani önce görseli hazırlayıp sonra oranı değiştirirsen her seferinde yeniden kırpmak zorunda kalırsın.
Toros temasında ayrıca mozaik ve ızgara görselleri için mobil görünümün en boy oranını bölümün içinden ayrı seçebiliyorsun. Masaüstünde geniş bant, mobilde kare çalışmak istediğinde bu işini çok kolaylaştırır.
Görseli yüklemeden önce kontrol listesi
Bir mağazayı yayına almadan önce görsel tarafında baktığımız şeyler şunlar:
- Slider görselinin önemli kısmı merkezde mi? Mobilde kenarlar kırpıldığında ürün ya da yazı dışarıda kalıyor mu?
- Bölümde ayrı mobil görsel seçeneği varsa mobil için ayrı görsel hazırladın mı? Tek görselle idare edeceksen başlık, ürün ve model gibi önemli öğeleri güvenli bölgede, yani merkezde tut.
- Slider'daki yazı görselin içine mi gömülü? Gömülüyse mobilde okunmaz; metni bölümün kendi yazı alanına taşı.
- Katalogdaki bütün ürün fotoğrafları aynı oranda mı? Tek bir farklı oran bile ürün listesinde göze batar.
- Marka logoları aynı kare tuval üzerinde mi hazırlandı? Farklı tuvallerde logolar farklı büyüklükte görünür.
- Giriş ve kayıt formu görseli ortalanmış mı? ikas bu alanın responsive çalıştığını, ekran daralınca kırpılabildiğini söylüyor ve görseli ortalanmış hazırlamanı öneriyor.
- Favicon 48 x 48 kare mi, koyu ve açık sekmede okunuyor mu?
- Her görselde alt metin var mı?
- Yükledikten sonra masaüstü ve mobil önizlemeyi ayrı ayrı kontrol ettin mi?
Görseli hangi bölüme nasıl yükleyeceğini ikas tema düzenleme rehberinde anlattık; resmi anlatım ikas'ın tema düzenleme makalesinde.
Ürün sayfasında fotoğrafın yetmediği, hareketin gerektiği ürünler de oluyor: kumaşın dökümü ya da bir mekanizmanın çalışması gibi. Videonun sayfada nereye ve nasıl konacağını ürün sayfasına video ekleme başlığında anlattık; videoları sayfanın içinde bir ürün videosu karuseli olarak göstermek de mümkün. Ölçü mantığı videoda da aynı: dikey video mobilde, yatay video masaüstünde daha iyi oturur.
Özel temada görsel ölçüleri
Özel temada ölçü hazır gelmez, tasarımdan çıkar: önce konteyner genişliği ve kolon sayısı belirlenir, yükseklik seçilen orana göre hesaplanır. Toros'un 3'lü ızgarasındaki 453 x 375 değeri de böyle bir hesabın sonucu. Biz özel tema projelerinde her görsel alanına sabit oran ve merkezden kırpma tanımlıyor, önerilen ölçüyü tema editöründe alanın yanına yazıyoruz; böylece kampanya görselini değiştiren kişi ölçüyü hatırlamak zorunda kalmıyor. Sürecin tamamını ikas özel tema nasıl yapılır yazısında anlattık. Hazır temanın ölçüleri markanın görsel diline uymuyorsa sorun ölçü değil kurgudur; bu durumda ikas tema tasarımı kapsamına bakmak gerekir. Temayı değiştirmeden script ile markaya uyarladığımız Tam Öğün hazır tema uyarlaması buna bir örnek; mağaza Ozy temasında, yukarıdaki Ozy ölçüleriyle çalışıyor.
Kaynaklar
- ikas Tema Görsel Boyutları
- Basit Ürün Oluşturma ve Düzenleme (dosya sınırı, WebP)
- Start Paket Rehberi: Kombos Temamı Nasıl Düzenlerim?
- SEO Alanları: Meta Başlık, Açıklama, Favicon ve Alt Metin
- E-ticaret Sitenizi (Temanızı) Nasıl Düzenleyeceğinizi Öğrenin
- ikas Tema Mağazası
- Serel teması (ikas Tema Mağazası)
- ikas güncellemeleri (HEIC desteği)
- Google Core Web Vitals rehberi
Sıkça Sorulan Sorular
Yazar
Özkan Batmaz
Özkan Batmaz, ikas Resmi Partneri ve ikas App Store geliştiricisi olarak ikas ve Shopify mağazaları için tema, uygulama ve mağaza taşıma projeleri yürütüyor.
Hakkımda
