SharePoint modern sayfalarında resim boyutlandırma ve ölçeklendirme

SharePoint modern sayfalarında resim boyutlandırma ve ölçeklendirme

Modern sayfalar ve Web bölümleri, cihazlar arasında tam olarak yanıt verecek şekilde tasarlanmıştır; yani Web bölümlerinde kullanılan görüntülerin, gösterildikleri yere, kullanılan düzene ve bunların görüntülendiği cihaza göre farklı ölçeklenmesi sağlanır. Örneğin modern Sayfalar mobil cihazlarda harika görünecek şekilde tasarlanmıştır ve otomatik görüntü ölçeklendirme bu çekici deneyimi oluşturmaya yardımcı olur.

Cihazlarda sayfa örnekleri

Hangi resim boyutları en iyi şekilde çalışır?

Yanıt veren sayfa tasarımı nedeniyle, bir resmin cihazlar ve düzenler arasında belirli bir şekli korumasını sağlayacaktır. Birçok cihaz ve düzente en iyi sonucu göstermek için resimler yeniden boyutlandırılır ve kırpılır. Ancak, resimlerinizin sayfalarınıza harika göründüğünden emin olmak için bazı yönergeler vardır.

Sayfanızın en iyi resim boyutlarını bulmak bu etkenlere bağlıdır:

  • En boy oranı: görüntülerin yüksekliği ve genişliği arasındaki ilişki

  • Sütun düzeni: sayfanızdaki sütunların türü ve sayısı

  • Web bölümü düzeni: resmin kullanıldığı Web bölümü için seçtiğiniz düzen

En boy oranı

En boy oranı, görüntülerin genişliği ve yüksekliği arasındaki ilişkisidir. Genellikle 3:2, 4:3 veya 16:9 gibi iki sayı olarak ifade edilir. Genişlik her zaman ilk sayıdır. Örneğin, 16:9 oranı piksel cinsinden 1600 900 piksele piksel olabilir. Ya da 1920 x 1080, 1280 x 720 veya eşit 16:9 olarak hesaplanabilecek herhangi bir genişlik/yükseklik kombinasyonu olabilir. Resimlerinizin en boy oranlarını saptamanıza yardımcı olması için, en boy oranı 

16:9 ve 4:3 en boy oranlarından örnekler.

Çoğu durumda, Modern Web bölümlerindeki resimler, düzene bağlı olarak, 16:9 veya 4:3 boyut oranına sahip olduklarında en iyi şekilde düzenler ve cihazlarda çalışır.

Sütun düzenleri

Bir sayfa, tam genişlikli sütunlar, bir sütun, iki sütun, üç sütun, bir-üçüncü sol ve bir üçüncü sağ sütun gibi farklı sütun türlerini ve düzenleri içeren bölümlerle kullanılabilir. Bir sütunun genişliğini doldurması beklenen görüntülerin genel bir kuralı, en az yerleştirildikleri sütun kadar geniştir. Örneğin, bir sütundaki görüntü Web bölümündeki resim en az 1204 piksel genişliğinde olmalıdır. Aşağıda sütun düzenlerinin her biri için Genişlik kuralları verilmiştir:

Düzen

Piksel cinsinden genişlik

Tam genişlikli sütun

1920

Bir sütun

1204

İki sütun

sütun başına 586

Üç sütun

sütun başına 380

Bir-üçüncü sol sütun

Sol sütun için 380; 792 sağ sütunu

Bir-üçüncü sağ sütun

Sol sütun için 792; 380 sağ sütunu

Sayfaların yanıt veren doğası nedeniyle, tam genişlikli sütunlardaki resimler daima ekranınızın tam genişliğinde ekran boyutuna dayalı otomatik yükseklikle görüntülenir.

Diğer sütun düzenlerinin içine yerleştirilen görüntülerin yüksekliği, en boy oranına bağlıdır. 16:9 ve 4:3 en boy oranlarından (yukarı/aşağı yuvarlanır) Yükseklik/Genişlik kuralları şunlardır. Bu, örneğin resimlerinizi mobil cihazlarda uygun bir genişlik ve yükseklikte tutmak için kullanışlıdır.

EN BOY ORANı

16 x 9

4 x 3

Bir sütun

1204 x 677

1204 x 903

İki sütun

586 x 330

586 x 439

Üç sütun

380 x 214

380 x 285

Bir-üçüncü sol sütun

Sol sütun için 380 x 446; 792 x 446 sağ sütun

Sol sütun için 380 x 594; 792 x 594 sağ sütun

Bir-üçüncü sağ sütun

Sol sütun için 792 x 446; 380 x 446 sağ sütun

Sol sütun için 792 x 594; 380 x 594 sağ sütun

Web bölümü düzenleri

Kullandığınız Web bölümlerindeki düzenler, resimlerinizin ölçeklenmesini de etkiler. Aşağıdaki örneklerde farklı Web bölümleri ve bunların düzenlerini tek bir sütunda ve her birinde kullanılan en boy oranları gösterilmektedir.

Özgün Boyut oranı 16:9 olan bu resmi dikkate alın:

16 resim örneği

Aşağıda, bu resme bir sütun sayfa düzeninde, farklı Web bölümleri ve düzenlerde gösterilen örnekler verilmiştir.

Hero Web Bölümü

Döşemeler ve katmanlar düzenlerinin en boy oranları:

  • Döşemeler: Web bölümünün yüksekliği, 8:3 'in en boy oranını izleyecek şekilde ölçeklenir ve Web Bölümü ölçeğinin içindeki resimler 4:3 'in en boy oranına göre ölçeklenir.

  • Katmanlar: tek bir katman, 8:3 'in boyut oranını ve her katman içindeki resimleri 16:9 yakınındaki bir en boy oranına göre ölçekler.

  • Mobil cihazlarda, 16:9 adresinde bir Carusel düzeni kullanılır.

Burada, Katmanlar düzeninde (üst) ve döşemeler düzeninde (altta) gösterilen bir resim örneği verilmiştir

Katmanlar ve döşeme düzenlerindeki Hero Web Bölümü resimleri örneği

Vurgulanan içerik Web Bölümü

16:9, Carousel, film şeridi ve kart düzenlerinin en boy oranıdır.

Burada film şeridi düzeninde (üst) ve kartlar düzeninde (altta) gösterilen bir resim örneği verilmiştir.

Vurgulanan Içerik Web Bölümü resmi örnekleri

Görüntü Web Bölümü

Resimler Web bölümünü içeren bölümün genişliğine genişletilir. Resim araç çubuğunu kullanarak en boy oranını veya serbest kırpmayı değiştirme seçeneğiniz vardır veya resminizi büyütmek veya küçültmek için yeniden boyutlandırma tutamaçlarını kullanın.

İşte resim kırpma işaretlerini (mavi çizgiler) 4:3

4:3 adresindeki kırpma işaretlerini gösteren resim

Resim Galerisi Web Bölümü

Aşağıdaki en boy oranları farklı düzenlerde kullanılır:

  • Bloklar düzeni, gösterilen tüm görüntülerin en boy oranını verir: 16:9, 1:1, 4:3, vb. 

  • Döşemeler, kartlar: 4:3

Burada, döşeme düzeninde (üst) ve bloklar düzeninde (altta) gösterilen resim örneği verilmiştir

Resim Galerisi Web bölümü için döşeme ve blok düzenleri örneği

Haberler web bölümü -

Düzene bağlı olarak, Haberler web bölümü 'ndeki resimler 4:3, 16:9 veya 21:9 olabilir. İşte, bir üst öyküde bir resim örneği ve bir Carusel düzeni.

Haberler

Sayfa başlığı alanı

Resimler, yatay veya 16:9 ya da en az boyut oranında ve en az 1 MB boyutunda olduğunda en iyi sonucu verir. Ayrıca, resmin küçük resim, haber düzenleri ve arama sonuçlarında kullanılan en önemli bölümünü görünümde tutmak için bir odak noktası ayarladığınızdan emin olun.

Hoparlör üzerinde odak noktası ayarlanmış olan örnek (orijinal görüntü 16:9).

Sayfa başlığı alanındaki 16:9 görüntüsünün örneği.

Sayfa küçük resmi

Sayfa küçük resimleri, arama sonuçları, vurgulanan içerik sonuçları, haber gönderileri ve daha fazlası gibi yerlerde gösterilir. Varsayılan olarak, küçük resim, sayfa başlığı alanından veya sayfadaki ilk sırada bulunan Web bölümünden (sayfa düzeninin sol üst kısmı gibi) gelir. Varsayılanı geçersiz kılabilir ve sayfa küçük resmini değiştirebilirsiniz. Bunu yaptığınızda, en iyisi bir 16:9 en iyi.

Örnek (özgün resim 16:9)

Vurgulanan içerik Web bölümünde sayfa küçük resim örneği

Hızlı bağlantılar Web Bölümü 

Hızlı bağlantılar Web Bölümü 'nde altı farklı düzen vardır. Önerilen en boy oranları:

  • Film şeridi, kılavuz, düğme: 16:9

  • Sıkıştır, liste, döşemeler: 1:1, 4:3

Küçük düzende (en üstte) ve film şeridi düzeninde (altta) gösterilen bir resim örneği

Hızlı bağlantılar düzenlerindeki resim örnekleri

İpuçları: 

Not:  Bu sayfanın çevirisi otomasyon aracılığıyla yapılmıştır ve bu nedenle hatalı veya yanlış dil bilgisi kullanımları içerebilir. Amacımız, bu içeriğin sizin için faydalı olabilmesini sağlamaktır. Bu bilgileri yararlı bulup bulmadığınızı bizimle paylaşır mısınız? Kolayca başvurabilmek için İngilizce makaleye buradan ulaşabilirsiniz.

Daha fazla yardıma mı ihtiyacınız var?

Office yeteneklerinizi geliştirin
Eğitimleri keşfedin
Yeni özellikleri ilk olarak siz edinin
Office Insider Programına Katılın

Bu bilgi yararlı oldu mu?

Görüşleriniz için teşekkür ederiz!

Geri bildiriminiz için teşekkürler! Office destek temsilcilerimizden biriyle görüşmeniz yararlı olabilir.

×