SharePoint Online için görüntü iyileştirme

Bir web sayfasının yüklenme hızı, sayfayı işlemek için gereken tüm bileşenlerin (resimler, HTML, JavaScript ve CSS gibi) toplam boyutuna bağlıdır. Resimler, sitenizi daha ilgi çekici hale getirmek için mükemmel bir yoldur ancak performansı etkileyebilir. Resimleri sıkıştırma ve yeniden boyutlandırma yoluyla iyileştirmek ve hareketli simgeler kullanmak, çok büyük resimlerin etkilerini dengelemenize yardımcı olur. SharePoint görüntü işlemelerini kullanarak, tek bir büyük resim yükleyip bu resimden küçük bölümlerin görüntülenmesini sağlayabilirsiniz. Böylece resimler yeniden yüklenmek yerine yeniden kullanılabilir.

SharePoint Online‘da resimlerin yüklenmesini hızlandırmak için hareketli simgeler kullanma

Hareketli simge, çok sayıda küçük resimden oluşur. CSS kullanarak, birleştirilmiş resmin bir kısmını seçebilir ve mutlak konumlandırma aracılığıyla sayfanın belirli bir bölümünde görüntüleyebilirsiniz. Burada yapılan temel işlem, birden fazla resim yüklemek yerine tek bir resmin sayfada hareket etmesini ve bu resmin küçük bir kısmının, küçük bir pencerede görüntülenmesini sağlamaktır. Bu pencerede, son kullanıcıya hareketli simgenin gerekli kısmı gösterilir. SharePoint Online, spcommon.png hareketli simge dosyasındaki çeşitli simgelerini görüntülemek için hareketli simgeler kullanır.

Burada ele alınan konular

  • Resim sıkıştırma

  • Resim iyileştirme

  • SharePoint görüntü işlemeleri

Gruba Ekle düğmesi

Çok sayıda resim yerine tek bir resim indirme ve bu resmi önbelleğe alarak yeniden kullanma olanağı sunan bu yöntem, performansı artırmaya yardımcı olur. Resim önbellekte kalmasa bile, birden çok resim yerine tek bir resim kullanmanıza olanak tanıyan bu yöntem sayesinde, sunucuya gönderilen toplam HTTP isteği sayısını ve dolayısıyla sayfa yükleme sürelerini azaltabilirsiniz. Bu, aslında resim paketleme işleminin bir çeşididir. Yukarıda verilen SharePoint örneğindeki simgeler gibi çok sık değişmeyen resimler söz konusu olduğunda, bu yöntem oldukça faydalıdır. Bu işlemi Microsoft Visual Studio’da kolayca gerçekleştirmek için, açık kaynaklı ve topluluk tabanlı bir üçüncü taraf projesi olan Web Essentials’ı kullanabilirsiniz. Daha fazla bilgi için bkz. SharePoint Online’da küçültme ve paketleme.

Resim sıkıştırma ve iyileştirme işlevlerini kullanarak SharePoint’te sayfa yükleme işlemini hızlandırma

Resim sıkıştırma ve iyileştirme, sitenizde kullandığınız resimlerin dosya boyutunu küçültmenizi sağlayan işlevlerdir. Bir resmin boyutunu küçültmek için sıklıkla kullanılan en iyi yöntem, resmi, sitede görüntüleneceği en büyük boyutta olacak şekilde yeniden boyutlandırmaktır. Görüntüleneceği boyuttan daha büyük bir resim eklemek, mantıklı bir tercih değildir. Sayfanızın boyutunu küçültmenin en hızlı ve kolay yolu, resim düzenleyici kullanarak resimlerin doğru boyutlarda olmasını sağlamaktır.

Resimler doğru boyutlara getirildiğinde bir sonraki adım, bu resimlerin sıkıştırmasını iyileştirmektir. Sıkıştırma ve iyileştirme için, Fotoğraf Galerisi ve üçüncü taraf araçları dahil olmak üzere çok sayıda araç bulunur. Sıkıştırmayla ilgili en önemli nokta, dosya boyutunu, kalitede son kullanıcılar tarafından fark edilir bir azalma olmayacak şekilde mümkün olduğunca küçültmektir. İyi göründüklerinden emin olmak için, sıkıştırdığınız dosyaları yüksek tanımlı bir ekranda test edin.

SharePoint görüntü işlemelerini kullanarak sayfa indirme işlemlerini hızlandırma

Görüntü işlemeleri, SharePoint Online uygulamasında ön tanımlı resim boyutlarından yola çıkarak resimlerin farklı sürümlerini sunmanızı sağlayan bir özelliktir. Bu, özellikle sitede kullanıcı tarafından oluşturulan resim içerikleri veya CSS tarafından sabitlenmiş resim boyutları (genişlik ve yükseklik gibi) olduğunda önemlidir. Bir resim CSS tarafından sabitlenmiş olsa bile tam çözünürlüklü resim yüklenir. Bu durumda dosya boyutu, görüntü işlemeleri kullanılarak küçültülebilir.

Not : İşlemelerin SharePoint’te kullanılabilmesi için yayımlamanın etkinleştirilmesi gerekir. Ayarlar > Site Ayarları > Site özelliklerini yönet > SharePoint Server Yayımlama altında yayımlamayı etkinleştirebilirsiniz. Aksi halde bu seçenek görüntülenmez.

Görüntü işlemesi aracılığıyla yeniden boyutlandırma şu şekilde çalışır: Resmin en düşük boyutunu (genişlik veya yükseklik) tanımladığınızda diğer boyut, kilitli en boy oranına göre otomatik olarak değiştirilir. Varsayılan olarak resim, kalan boyutlara göre ortadan kırpılır. Örneğin, 100 piksel genişliğinde ve 50 piksel yüksekliğinde bir görüntü işleme tanımlarsanız ve özgün resminiz 1000 piksel genişliğinde ve 800 piksel yüksekliğindeyse resim, 800 piksellik yükseklik 50 piksel olacak şekilde yeniden boyutlandırılır ve 1000 piksellik boyut (62,5 piksel olarak değişmiştir) resmin ortasından kırpılır.

Adımlar oldukça basittir ancak görüntülerde işleme kullanılabilmesi için, işlemelerin SharePoint’e görüntüler eklenmeden önce eklenmesi gerekir. Ayrıca SharePoint Server Yayımlama Altyapısı (Site Koleksiyonu Düzeyi) ve SharePoint Server Yayımlama (Site Düzeyi) özelliklerini etkinleştirmeniz gerekir.

Sayfa yüklemesini hızlandırmak için görüntü işlemesi ekleme

  1. Yordamı gerçekleştiren kullanıcı hesabının, site koleksiyonunun en üst düzey sitesi için en azından Tasarım izinlerine sahip olduğundan ve sitenin bir web sayfasında yayımlanmakta olduğundan emin olun.

  2. Bir web tarayıcısında, yayımlama site koleksiyonunun en üst düzey sitesine gidin.

  3. Ayarlar simgesini seçin.

  4. Site Ayarları sayfasındaki Genel Görünüm bölümünde, yerleşik görüntü işlemelerini görürsünüz.

    Hazır işlemeleri kullanabilir veya yeni bir tane oluşturmak için Görüntü İşlemeleri’ni seçebilirsiniz.

    Word Şerit Görüntüsü
  5. Görüntü İşlemeleri sayfasında Yeni öğe ekle’yi seçin.

    Yeni Açıklamalar bölmesi
  6. Yeni Görüntü İşlemesi sayfasındaki Ad kutusuna işleme için bir ad girin.

  7. Genişlik ve Yükseklik metin kutularına işlemenin genişlik ve yüksekliğini piksel cinsinden girin, sonra Kaydet’i seçin.

    Dosya Gezgini’nin Sık Kullanılanlar’ı altında eşitlenmiş OneDrive İş klasörü

SharePoint’te görüntü işlemeleriyle özel kırpma

Görüntü işleme varsayılan olarak, resmin merkezinden oluşturulur. Resmin kullanmak istediğiniz kısmını kırparak, resimler için görüntü işlemeyi ayrı ayrı ayarlayabilirsiniz. Resimleri her işleme için belirli bir düzene göre kırpabilirsiniz. Resimleri kırptığınızda, SharePoint’in blog önbelleği kullanılarak her işleme için resmin bir sürümü oluşturulur ve böylece sayfa yükleme hızı artırılır. Resimler yalnızca bir kez boyutlandırılır ve kullanıcılara birden fazla kez sunulmaya hazır olur; bu sayede sunucu yükü azaltılır. Görüntü işlemesini kırpma hakkında daha fazla bilgi için bkz. Görüntü işlemesini kırpma.

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.

×