Medya, web sitenizin görsel çekiciliğini ve etkinliğini artırmada çok önemli bir rol oynar. Görsellerin, videoların ve diğer medya türlerinin doğru kullanımı ziyaretçilerin ilgisini çekebilir, bilgileri daha etkili bir şekilde aktarabilir ve daha dinamik bir kullanıcı deneyimi yaratabilir.
-
Sisteme yüklenen herhangi bir dosya (metin, resim, video vb.) herkesin kullanımına açıktır. Hiçbir kişisel ve/veya gizli bilgi yüklenmemelidir. Dosyayı tamamen kaldırmak için dosyayı Medya Yöneticisi'nden silin.
-
Resimler, Simgeler, Ses Klipleri ve Dosyalar: Site başına 15.000'e kadar resim, ses klibi ve dosya bir arada. Ek dosyalar bir hata mesajına neden olabilir. Her bir dosya 50 MB'den büyük olmamalıdır.
-
Videolar: site başına en fazla 100. Ek dosyalar bir hata mesajına neden olabilir. Her bir dosya 200 MB'tan büyük olmamalıdır. Daha büyük dosyalar bir hata mesajına veya yüklemenin tamamlanmamasına neden olabilir. Ek videolara ihtiyaç duyulursa, YouTube veya Vimeo olası seçenekler olabilir.
-
Dosya adları içindeki boşluklar desteklenmez. Boşluk içeren dosyalar yüklenebilir, ancak bu durum dosyada beklenmedik davranışlara neden olabilir.
-
Dosyalar ve adları bir süreliğine önbelleğe alınabilir. Bir dosya silinirse, muhtemelen bir süre daha kullanılabilir durumda kalacaktır. Buna dosya adı da dahildir, yani yakın zamanda silinmiş bir dosyanın adını kullanmaya çalıştığınızda "Name already exists" hatasıyla karşılaşabilirsiniz.
-
Önbelleğe alma nedeniyle, silinen dosya bir süre daha görünmeye devam edebileceğinden, yakın zamanda silinmiş bir dosyayla aynı ada sahip bir dosyanın yüklenmesi önerilmez.
-
SVG dosya türü: SVG'ler HTML kodu içeren görüntü dosyalarıdır, yani sitenize bir SVG simgesi eklediğinizde kod satırları da eklemiş olursunuz. Birden fazla karmaşık SVG binlerce satır kod ekleyebilir ve sitenizin yavaş yüklenmesine neden olabilir. Aynı sayfada birden fazla SVG simgesi kullanmanız gerekiyorsa, bazılarını normal görüntülere (.png, .jpeg) dönüştürmenizi öneririz, vb) yükleme veya işlevsellik sorunlarını önlemek için.
-
Herhangi bir türdeki dosyalar bir etki alanının kök klasörüne yüklenemez.
-
Dosya meta verileri (EXIF verileri dahil) desteklenmez ve yüklendikten sonra kaldırılır.
En boy oranı, medyanın genişliği ve yüksekliği arasındaki ilişkidir ve şeklinin sayısal değerini temsil eder (tipik olarak en boy oranı en çok resimlerde ve videolarda önemlidir). Medyanın boyutunun en boy oranını değiştirmesi gerekmez. Örneğin, hem 1280x720 piksel hem de 3840x2160 piksel aynı 16:9 en boy oranına sahiptir.
Bir medya dosyasının en boy oranı, kullanılacağı bölümün veya öğenin şeklinden önemli ölçüde farklıysa, kesilmiş gibi görünebilir. Widget veya öğeye bağlı olarak, dosyanın en boy oranını değiştirmek düzeltmenin en iyi yolu olabilir. Görüntüler için, yerleşik Görüntü Düzenleyici, kırparak en boy oranını değiştirmek için kullanılabilir. Bir videonun düzenlenmesi gerekiyorsa, bunun dışarıdan bir araçla yapılması gerekir.
Not
-
Dosya boyutu sınırı görüntü başına 50 MB'tır.
-
Görüntü dosyaları 15.000 limitli dosyaya katkıda bulunur.
Aşağıdaki resim dosyası türleri desteklenir:
png, jpg, jpeg, gif, svg, svg+xml, ico, x-icon, webp
Editör, görüntüleri kullanılan cihaza ve sitedeki görünür boyuta göre uyarlayarak talep üzerine optimize eder.
Yüklenen görüntünün boyutunun asla artırılmadığını ve yalnızca sitede orijinalinden daha küçük görüntülenen görüntülerin optimize edildiğini unutmayın. Örneğin, 2000 piksel genişliğinde bir görüntü yüklerseniz, ancak yalnızca 1920 piksel gerektiren bir alanda kullanılırsa, görüntü 1920 piksele optimize edilecektir. Ancak, 100 piksel genişliğinde bir resim yüklerseniz, optimize edilmez ve daha büyük bir alanda görüntülendiğinde pikselli görünebilir.
Editör her boyuttaki görseli optimize edebilse de, görsellerin sitede görünecekleri maksimum boyuta yakın yüklenmesi önerilir. Örneğin, resim 160 piksel genişliğinde bir küçük resim olacaksa, maksimum genişliği yaklaşık 200 piksel olan bir resim yüklemeyi düşünün.
Optimizasyona ek olarak, sitedeki tüm görüntüler WebP formatında sunulmaktadır. Bu format, görüntü kalitesini korurken daha küçük dosya boyutlarına izin verir ve görsel netlikten ödün vermeden daha hızlı site performansına katkıda bulunur.
Not
E-Store'un görüntü optimizasyonu yalnızca JPG ve PNG görüntüleri üzerinde çalışır. Bir TIFF, GIF veya diğer görüntü formatlarını yüklüyorsanız, E-Store bunu optimize edemeyebilir.
En-boy oranı bir görüntünün genişlik ve yükseklik özelliklerinin oranıdır ve esasen görüntünün şekli ile ilişkilidir. 16:9 en boy oranı, 16x9 piksel bir görüntü veya 1600x900 piksel bir görüntü olabilir. Temel olarak 16:9 oranına sahip herhangi bir görüntü çözünürlüğüdür.
En yaygın iki en boy oranını görselleştirmek:
Bir görüntünün çözünürlüğü, bir görüntünün sahip olduğu ayrıntı miktarını, özellikle de görüntüyü oluşturan piksel sayısını ifade eder ve esasen görüntünün ayrıntısı ve netliğidir.
Resimler sitenizde optimize edilirken, bu aslında sitenizdeki resimlerin tasarımını yeniden boyutlandırmaz. Masaüstünde 16:9 en boy oranına sahip bir resim kullanırsanız, masaüstü aygıtı geniş olduğu için masaüstünde mükemmel görünecektir. Fakat bir mobil cihaz çok daha küçüktür ve bu nedenle 16:9 en/boy oranı bazen küçük görünür.
Bunu telafi etmek için, bu cihazlara özel sürümler oluşturmak üzere cihazda gizle özelliğini kullanabilir veya widget'ın tasarım alanında görüntünün boyutlarını yeniden boyutlandırabilirsiniz. Boyut değişiklikleri çoğu öğe için cihazdan bağımsızdır.
Önerilen en-boy oranı, nerede kullanılacağına ve nasıl görüntülenmesini istediğinize bağlıdır.
Bir görüntü yatay yönde kullanılacaksa, önerilen örnek bir oran 16:9 olabilir, çünkü bu, uzunluğundan daha geniş olacağını gösterir. Portre için tam tersi olurdu, 9:16.
Boyut önerileri için, genel olarak görüntü genişliğini optimize edilmiş boyutla aynı veya biraz daha büyük tutmak en iyisidir. Örneğin, görüntü masaüstünde bir görüntü widget'ında kullanılacaksa, önerilen maksimum genişlik 1920 piksel veya biraz daha büyüktür. Daha büyük görüntüler daha fazla optimizasyon gerektirir ve bu da görüntü kalitesini etkileyebilir. Optimizasyon kapatılırsa, daha büyük resimlerin kalitesi düşmez ancak boyutları nedeniyle site yavaşlar.
Yaygın Oranlar ve Boyutlar
Bir resim sitenin genişliğine yayılacağı zaman:
-
Masaüstü için yaygın en boy oranları: 16:9, 3:4
-
Masaüstü için yaygın çözünürlük boyutları (px): 1600x900, 1280x720, 1280x960
Mobil cihazlar genellikle masaüstü cihazlara kıyasla ters boy oranına sahip olur. Mobil resimleri doğru görüntülemek için aygıttaki gizleme özelliğini kullanmanız gerekebilir.
Bir widget'ın görüntüsünün en boy oranı ve boyutu, widget'ın boyutuna, konumuna ve ayarlarına bağlı olarak değişebilir. Genel kurallar olsa da, sabit standartlar yoktur.
Galeri widget'ları ve galeri düzenleri sunan widget'lar
Bu widget'lar aşağıdakileri içerir:
-
Fotoğraf Galerisi
-
Ürün Galerisi
-
Medya Kaydırıcı
-
E-Mağaza sayfası widget'ları
Bu widget'lardaki görüntülerin en boy oranı, nasıl görüntülenmesini istediğinizi yansıtmalıdır.
-
Örneğin, kare resimlerin yer alacağı galeriler 1:1 resim oranına sahip olmalıdır.
-
Uzun resim stili galerilerinde 2:5 veya 200 piksele 500 piksel gibi daha uzun yükseklik oranları olmalıdır.
-
Tasarım tutarlılığı için resim oranları aynı olmalıdır. Resimlerinizin kesilmemesi için üzerinde gezinme efektini kullanmak için resimde biraz dolgu bırakın.
-
Yaygın çözünürlük boyutları (px): Herhangi bir çözünürlük, ancak sayfa hızı için mümkün olduğunda 1500 pikselden büyük olmamalıdır.
Mevcut tüm mizanpajlar değişmeyecek en boy oranlarıyla gelir, ancak tek tip görüntü boyutlarına sahip mizanpaj seçenekleri tasarım ayarlarında yüksekliği değiştirme seçeneğine sahiptir. Bu düzenler için yükseklik değiştirildiğinde, en boy oranları widget'ın boyutuna göre değişecektir.
Mozaik düzenleri için ayarlanan en boy oranları (farklı boyutlara sahip görüntülerin bulunduğu seçenekler) düzene ve tasarım ayarlarında ayarlanan sütun sayısına bağlı olarak değişecektir.
Kategori sayfasındaki widget aralarından seçim yapabileceğiniz bir çeşitlilik sunarken, ürün sayfasındaki görsel 1:1 en boy oranına sahiptir.
Kategori sayfasındaki widget için kullanılabilir seçenekleri görmek için:
-
Yan panelde Mağaza öğesine tıklayın.
-
Mağaza Sayfaları'na tıklayın.
-
Kategori Sayfası 'na tıklayın (mağazada kategoriler ayarlanmamışsa sayfa gri renkte olur ve düzenlenemez).
-
Kategorileri görüntüleyen widget'a sağ tıklayın ve Tasarımı Düzenle'yi seçin.
-
Ürünleri Tıklayın.
-
Mevcut düzen seçeneklerini görmek için Düzen altındaki küçük resme tıklayın.
-
Mevcut en boy oranlarını görmek için Ürünler bölümünde aşağı kaydırarak Görüntü en boy oranı seçeneğine gidin.
Varsayılan olarak çoğu öğenin en boy oranı görüntünün en boy oranını geçersiz kılar ve bu da görüntünün bazı kısımlarının kesilmesine neden olur. Ancak bazı öğeler, görüntünün tamamının kırpılmadan görüntülenmesini sağlayan bir ayar içerir.
|
Orijinal Görüntü |
Widget'ta geçersiz kılınan en boy oranına sahip görüntü |
|---|---|
|
En boy oranı 3:2 |
Örnek olası en boy oranı 3:1 olabilir (görüntünün sadece beyaz kutular tarafından kapsanmayan kısmı) |
Elemanın tasarım ayarlarında Kapak seçeneği kullanıldığında, elemanın en boy oranı görüntünün en boy oranını geçersiz kılacaktır. En boy oranları eşleşmezse, görüntünün bazı kısımları kesilecektir.
Ayrıca, satırlar ve bölümler gibi bazı öğeler cihazın ekran boyutuna göre ayarlanır. Sonuç olarak, öğenin en boy oranı o anda siteyi görüntüleyen ekranın boyutuna göre değişecektir.
Görüntünün kesilmesini önlemek için bir teknik, öğenin tasarım ayarlarında Tam Görüntü seçeneğini kullanmaktır. Lütfen tüm öğelerin bu seçeneğe sahip olmayacağını unutmayın.
Arka planlar hakkında daha fazla bilgi için Element Arka Planları bölümüne bakın.
Bir resmin toplam alanı 3.145.728 pikseli geçemez. Resimlerimizden herhangi birinin bu sınırın üzerinde olması muhtemel değildir, ama piksel genişliğini yükseklikle çarparak hızlı bir şekilde kontrol edebilirsiniz.
Her bir dosya 50 MB'den büyük olmamalıdır. Daha büyük dosyalar bir hata mesajına veya yüklemenin tamamlanmamasına neden olabilir.
Sınırdan büyük bir görüntü yüklemek aşağıdaki hatalara sebep olabilir:
-
Görüntüler yüklenemiyor.
-
Görüntüler yüklenir, ancak görüntü seçicideki küçük resimler görüntülenmez.
-
Görüntüler düzenleyiciye yüklenmez.
-
Görüntüler canlı siteye yüklenmez.
SVG dosyaları diğer görüntü dosyalarıyla aynı şekilde optimize edilmediğinden, logo görüntüleri için SVG formatını kullanmanız önerilir, bu nedenle yüklediğiniz logo boyutu küçük olsa bile kaliteyi kaybetmezsiniz.
Not
SVGler HTML kodu içeren görsel dosyalarıdır, yani sitenize bir SVG ikonu eklediğinizde aynı zamanda bir kod satırı eklemiş olursunuz.
Boyut Yönergeleri
Üstbilgi veya altbilgiye dahil edildiğinde logonun genişliği için aralık 250 piksel - 400 piksel arasındadır. Genellikle yükseklik önemli değildir ve logonun en boy oranına göre belirlenir.
Siteniz için en büyük çözünürlüğü yüklemek, sitenizin resimlerinin müşterileriniz için yüksek çözünürlüklü olmasını garanti eder. Ancak, büyük resimlerin sayfa hızınıza da büyük bir etkisi olduğunu unutmayın. Yüksek çözünürlüklü resimler küçültüldüğü için, kullanıcılar normalde çözünürlük farkını fark etmez. Kullanım amaçlarına uyacak kadar büyük olan görüntüleri yüklemek daha iyidir. Örneğin, sitenizde 300 piksele 300 piksellik bir resim varsa, onu 4000 piksele 4000 piksel olarak yüklemek istemezsiniz.
Siteniz için görüntü boyutlarını optimize etmek için:
-
Yalnızca kullanılması amaçlandığı kadar büyük resimler yükleyin (örneğin, resim sitede 300 piksele 300 piksel olarak görünecekse, 4000 piksele 4000 piksel bir resim olarak yüklemeyin).
-
Maksimum görüntü boyutu 3.145.728 pikseli geçemez.
-
En boy oranlarına dikkat edin; 16:9 görüntüler masaüstünde harika görünürken mobil cihazlarda çok küçük görünür. Bu durumda:
-
Her cihaz için görüntünün belirli sürümlerini oluşturmak için Cihazda Gizle özelliğini kullanın.
-
Görüntü boyutlarını (en boy oranı) sığacak şekilde yeniden boyutlandırın - boyut değişiklikleri cihazdan bağımsızdır.
-
Bir resmin toplam alanı 3.145.728 pikseli geçemez. Resimlerimizden herhangi birinin bu sınırın üzerinde olması muhtemel değildir, ama piksel genişliğini yükseklikle çarparak hızlı bir şekilde kontrol edebilirsiniz.
Not
-
site simgeleri hakkında bilgi ve yönergeler için Site SEO Ayarlarıbölümüne bakın.
-
Simge dosyaları 15.000 limitli dosyaya katkıda bulunur.
SVG dosya türü, bu sekme için desteklenen tek dosya türüdür.
-
Yaygın en boy oranları: Genel olarak 1:1, ancak herhangi bir en boy oranı uygun olacaktır.
-
Ortak çözünürlük boyutları (piksel): 200x200, 80x80 veya herhangi bir çözünürlük. SVG'ler herhangi bir çözünürlükte olabilir.
Uyarı
SVG'ler HTML kodu içeren görüntü dosyalarıdır, yani sitenize bir SVG simgesi eklediğinizde kod satırları da eklemiş olursunuz. Birden fazla karmaşık SVG binlerce satır kod ekleyebilir ve sitenizin yavaş yüklenmesine veya potansiyel olarak bozulmasına neden olabilir. Aynı sayfada birden fazla SVG simgesi kullanmanız gerekiyorsa, bazılarını normal görüntülere (.png, .jpeg) dönüştürmenizi öneririz, vb) yükleme veya işlevsellik sorunlarını önlemek için.
Videolar, medya yöneticisine yüklenerek veya doğrudan bilgisayarınızın kamerası ve mikrofonu kullanılarak kaydedilerek sitenin dosyalarında barındırılabilir. Ayrıca, YouTube, Vimeo veya Dailymotion'dan videolar, video widget'ı kullanılarak sitenin belirli bölümlerine veya videoyu destekleyen öğeler için arka plan olarak eklenebilir. Bu harici videolar yalnızca eklendikleri konumda mevcut olacak ve düzenleyicide kullanılamayacaktır.
Not
Site başına en fazla 100 video yüklenebilir. Ek dosyalar bir hata mesajına neden olabilir. Her bir dosya 200 MB'tan büyük olmamalıdır. Daha büyük dosyalar bir hata mesajına veya yüklemenin tamamlanmamasına neden olabilir. Ek videolara ihtiyaç duyulursa, YouTube veya Vimeo olası seçenekler olabilir.
-
Videoların yüklenmesi zaman ve bant genişliği alabilir ve kullanıcıların dikkatini sayfanızdaki önemli bağlantılardan veya metinlerden dağıtabilir, bu nedenle videoları idareli bir şekilde kullanın.
-
YouTube videoları, iOS cihazlarında otomatik oynatılmadıkları için mobil cihazlarda desteklenmez.
-
Pili düşük güç modunda olan iPhone'lar bir sitedeki videoları otomatik olarak oynatmaz ve bunun yerine bir oynat düğmesi gösterir.
-
Arka plan videoları ses oynatmaz.
-
Bir oynatma listesinin parçası olan bir Dailymotion videosu eklerken, yalnızca videonun doğrudan bağlantısını eklediğinizden emin olun (ve aşağıdaki gibi görünen oynatma listesi parametresini atlayın:?playlist=x1x2f3). Videonuzun URL'sinde bu parametre varsa, kaldırmanız yeterlidir. Örneğin:
https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2,https://www.dailymotion.com/video/x60ktexolacaktır.
Bir videonun yüklenmemesinin birkaç nedeni olabilir. İşte denemek ve sorun gidermek için bazı teknikler:
-
200mb'nin altında olduğundan emin olmak için dosya boyutunu kontrol edin.
-
100'den az olduğundan emin olmak için yüklenen mevcut videoları gözden geçirin.
-
Farklı bir video yüklemeyi deneyin.
-
Başka bir video yüklenirse, muhtemelen videonun dosyasıyla ilgilidir. Orijinal kaynaktan yeni bir dosya oluşturmak sorunu çözebilir.
-
Başka bir video yüklenmiyorsa, bu bilgisayarınızla ilgili yerel bir şeyle, örneğin sayfa hızı veya tarayıcıyla ilgili olabilir. Eğer bilgisayarınızda yerel bir sorun varsa, deneyebileceğiniz bazı teknikler olabilir:
-
Tarayıcı önbelleğini temizleme
-
Farklı bir tarayıcı denemek
-
Farklı bir ağ denemek
-
Bilgisayarınızı yeniden başlatma
-
-
Not
Ses dosyaları 15.000 limitli dosyaya katkıda bulunur.
Ses, medya yöneticisine yüklenerek veya doğrudan bilgisayarınızın mikrofonunu kullanarak kaydedilerek sitenin dosyalarında barındırılabilir. Ayrıca, SoundCloud veya Mixcloud'dan gelen sesler, ses widget'ı kullanılarak sitenin belirli bölümlerine eklenebilir. Harici ses yalnızca eklendiği konumda kullanılabilir olacak ve düzenleyicide kullanılamayacaktır.
Sesin bir siteye nasıl dahil edileceğine ilişkin ayrıntılar için Ses Widget'ı bölümüne bakın.
Not
-
Medya yöneticisinin dosya sekmesindeki dosyalar 15.000 limitli dosyaya katkıda bulunur.
-
Dosyaları kök klasörünüze yükleyemezsiniz.
Medya yöneticisindeki dosya sekmesi neredeyse tüm dosya türlerini destekler. Buraya yüklenen dosyalara bağlantı seçici kullanılarak bağlantı verilebilir ancak herhangi bir widget'ta doğrudan kullanılamaz. Örneğin, bu sekmeye yüklenen bir resim herhangi bir resim widget'ı ile kullanılamayacaktır.
Dosya adları bir süre önbellekte kalabilir. Aynı ada sahip bir dosya yakın zamanda silinmişse, büyük olasılıkla hala önbelleğe alınmıştır ve farklı bir ad kullanmanız gerekecektir.
Aynı ada sahip bir dosya yakın zamanda silinmiş olabilir. Dosya adları bir süre önbellekte kalabilir. Dosyanın yeniden adlandırılması gerekir.
Bir dosyayı yeniden adlandırmak için Medya Yöneticisi'ni açın, dosyayı seçin ve Yeniden Adlandır'a tıklayın. Bir kitaplık veya seçici kullanıyorsanız, kitaplık veya seçici için Yönet seçeneğini açın.
Bunun nedeni muhtemelen aynı ada sahip mevcut bir dosya veya yakın zamanda silinmiş bir dosya olabilir. Dosya adları bir süre önbellekte kalabilir, bu nedenle bu sorunla karşılaşırsanız dosyayı yeniden adlandırmak en iyi seçenek olabilir.
Bir dosyayı yeniden adlandırmak için Medya Yöneticisi'ni açın, dosyayı seçin ve Yeniden Adlandır'a tıklayın. Bir kitaplık veya seçici kullanıyorsanız, kitaplık veya seçici için Yönet seçeneğini açın.