Rehber

Wix Filigran Mobilde Kesiliyor: Kırpma ve Yerleşim

Telefonda fotoğrafın görünen alanı değişebilir; köşedeki filigran da bu alanın dışında kalabilir. Sorunu önce görselin kırpılması ile filigranın konumuna ayırın.

Kısa yanıt ve ilk kontroller

Aynı fotoğrafı ürün kartında ve büyük görünümde karşılaştırın. Kırpma nedeniyle kaybolan bir işaret, yalnız boyutu küçültülerek düzelmeyebilir. Konumu ve tekrar aralığını farklı oranlarda deneyin; ürün ayrıntısını görünür tutun.

  • Kart ve büyük görselin oranlarını karşılaştırın
  • Kırpma ile ölçeklemeyi ayrı değerlendirin
  • Yatay ve dikey mobil kullanımda yeniden kontrol edin

Bu rehber bir özellik listesi yerine gerçek bir sorunu çözmek için hazırlandı. Adımları kendi Wix editörünüzde ve yayınlanmış sitenizde test edin; arayüz seçenekleri zamanla değişebilir.

01

Kırpma ile ölçekleme farklıdır

Mobil kartlarda cover davranışı kullanılıyorsa fotoğraf çerçeveyi doldurmak için kenarlardan kesilebilir. Filigran görüntünün sağ alt köşesine yerleştirilmişse tam o bölge kırpılabilir. Önce görselin tamamını gösteren alternatif bir mobil düzen üzerinde karşılaştırma yapın.

02

Merkezde ve köşede filigranı karşılaştırın

Görselin bilgi taşıyan ana ürün bölgesi merkezdeyse büyük bir logo dikkat dağıtır. Ancak küçük bir köşe işareti de mobil kırpmada kaybolabilir. Üç farklı boyuttaki ekranı test ederek işaretin görselin hangi alanında kalacağını planlayın.

03

Tekrar aralığı neden değişir?

Masaüstünde dengeli görünen tekrar deseni küçük bir ürün kutusunda çok sıklaşabilir. Filigran boyutunu küçültürken aralığı da yeniden ölçün. Tekrarı artırmak her zaman daha iyi koruma sağlamaz; ürünün rengi, deseni ve önemli detayları hâlâ seçilebilmelidir.

04

Telefonunuzda gerçekten test edin

Editördeki mobil önizleme yararlı bir başlangıçtır fakat tek test olmamalı. Yayındaki sayfayı küçük telefon, büyük telefon ve mümkünse farklı tarayıcıdan açın. Varyant seçimiyle değişen görselleri ve galeri kaydırma hareketini gözlemleyin.

05

Mobilde performansı koruyun

Görselin mobil CSS genişliği küçük diye 1600 piksel fotoğraf zorunlu değildir. Uygun srcset ve sizes kullanıldığında tarayıcı doğru dosyayı seçebilir. Görselin width/height bilgileri sayfa yüklenirken sıçramayı azaltır. İlk ekran görsellerine lazy loading uygulamayın.

06

Hata raporunu nasıl hazırlayın?

Her örnek için sayfa URL’si, cihaz genişliği, görsel oranı ve hangi filigran düzeninin denendiğini not edin. Sorun yalnızca “mobil ürün galerisi”nde yaşanıyorsa genel sayfa örneği değil o bileşeni gösteren bir kayıt paylaşın.

İlgili rehberler

Kaynaklar ve doğrulama

Google kaynakları teknik SEO ve içerik ilkeleri için verilmiştir. Teklif karşılaştırması ve örnek proje akışları bu rehberin önerileridir; kaynaklar Vebixo Studio için ölçülmüş ticari sonuç kanıtı değildir.

Vebixo Studio tarafından geliştirildi

Filigran ayarlarını Filigrunner ile yönetin

Ürün ve site görsellerinin filigran yerleşimini, opaklığını ve kapsamını tek merkezden ayarlamak için Filigrunner’ı inceleyin. Görsel koruma seçenekleri caydırıcıdır; kopyalamayı veya ekran görüntüsünü tamamen engellemez.

Sitede ara

İsteğe bağlı analitik ölçüm, site kullanımını anlamamıza yardımcı olur. İzin vermeseniz de siteyi kullanabilirsiniz.

Çerez politikasını okuyun ↗