Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Ölçeklendirilmiş Görseller Nasıl Kolayca Sunulur (Adım Adım)

WordPress sitenizde ölçeklendirilmiş görseller mi sunmak istiyorsunuz?

Yeni başlayanlar genellikle boyutlarına dikkat etmeden resim yükleyerek web sitelerini yavaşlatırlar.

Görselleri doğru boyutlarda sunmak, kaliteyi düşürmeden WordPress performansınızı artıracaktır.

Bu makalede, WordPress’te ölçeklendirilmiş görüntüleri nasıl kolayca sunacağınızı göstereceğiz.

How to Easily Serve Scaled Images in WordPress (Step by Step)

WordPress’te Neden Ölçeklendirilmiş Görseller Sunulmalı?

WordPress web sitenizde blog yazılarınız, küçük resimleriniz, sayfa başlıklarınız, kapak resimleriniz ve daha fazlası için görsellere ihtiyacınız olacaktır.

Temanıza bağlı olarak, bu görseller belirli sayıda piksel kaplayacaktır. Örneğin, öne çıkan resminiz 680×382 piksel ve küçük resminiz 100×100 piksel olabilir.

Siteniz için gereken doğru boyutlara uyacak şekilde ölçeklendirilmiş görseller kullanmanız önemlidir. Örneğin, öne çıkan görselleriniz 680×382 piksel boyutundaysa bunları tam olarak bu boyutta kaydetmelisiniz.

Aksi takdirde siteniz yavaşlayabilir veya kullanıcı deneyiminin kalitesi düşebilir. İşte bunun yaygın nedenlerinden birkaçı:

  • Ziyaretçileriniz gerekenden daha büyük dosyaları indirmek zorunda kalacak ve yükleme süreleri artacaktır.
  • İzin verilen alandan daha az piksele sahip görüntüler kullanırsanız, daha büyük bir boyutta görüntülendiklerinde bulanık görüneceklerdir.
  • Web sitenizin görüntü boyutlarını anında değiştirmesi gerekecektir, bu da içeriği kullanıcılara gösterebilmesi için daha fazla işlem yapması gerektiği anlamına gelir.

Ne olursa olsun, kullanıcılarınıza kötü bir deneyim yaşatacak ve imaj SEO’nuzu da olumsuz etkileyebilecektir.

Bu nedenle GTMetrix taramasını kullanarak web sitenizin performansını test ederseniz, web sitenizi hızlandırmak için genellikle ölçeklendirilmiş görüntüler sunmanızı önerecektir.

GMetrix Recommends Serving Scaled Images

Bununla birlikte, WordPress’te ölçeklendirilmiş görüntülerin nasıl kolayca sunulacağına bir göz atalım. İki yöntemi ele alacağız:

Yöntem 1: Ölçeklendirilmiş Görüntüleri Bir Eklenti ile Sunma

Görselleri ölçeklendirilmiş olarak sunmanın en basit yolu, web sitenizdeki görselleri otomatik olarak doğru boyutta görüntüleyen bir eklenti kullanmaktır. Bu yöntem en kolay yöntemdir ancak ikinci yöntem kadar esnekliğe izin vermez.

Ücretsiz Optimole eklentisi en iyi WordPress resim sıkıştırma ek lentilerinden biridir ve resimlerinizi otomatik olarak ölçeklendirir. Ancak, ayda 5.000’den fazla ziyaretçi alıyorsanız, premium sürüme ihtiyacınız olacaktır.

Öncelikle Optimole eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından otomatik olarak Media ” Optimole sayfasına yönlendirilirsiniz ve bir API anahtarı için kaydolmanız veya mevcut API anahtarınızı girmeniz istenir. Bu çok kolaydır.

You Need an Optimole API Key

E-posta adresinizin doğru olduğundan emin olun ve ardından ‘Hesabınızı Oluşturun ve Bağlayın’ düğmesine tıklayın. Optimole bağlantısı daha sonra otomatik olarak gerçekleşecektir. Başka bir web sitesini ziyaret etmenize veya anahtarı manuel olarak yapıştırmanıza bile gerek kalmayacaktır.

Optimole şimdi resimlerinizi arka planda optimize etmeye başlayacaktır. Her ziyaretçinin cihazı ve tarayıcısı için doğru görüntü boyutunu otomatik olarak seçecek ve görüntüleri hızlı Optimole Cloud Service CDN‘den sunacaktır.

Optimole Starts to Optimize Your Images Automatically

‘Ayarlar’ sekmesine tıkladığınızda, yazılarınızdaki ve sayfalarınızdaki resimlerin otomatik olarak Optimole tarafından optimize edilmiş ve ölçeklendirilmiş olanlarla değiştirileceğini göreceksiniz.

Bu işlem bir CDN aracılığıyla yapıldığı için anında yapılmaz, yani siteniz performans açısından bir darbe almaz.

The Default Settings Work for Most Websites

Ayrıca, eklenti tembel yüklemeyi etkinleştirmiştir, bu da sayfadaki o anda görünür olmayan görüntülerin ihtiyaç duyulana kadar yüklenmeyeceği anlamına gelir. Bu, sayfa yükleme süresini azaltmanın ve web sitesi performansını artırmanın bir başka etkili yoludur.

Bu ayarlar çoğu web sitesi için iyi çalışacaktır. Ancak, web siteniz için neyin en iyi olduğunu görmek için ‘Gelişmiş’ menüsündeki ayarları kullanarak Optimole’u daha da özelleştirebilirsiniz.

Ayarlarda herhangi bir değişiklik yaparsanız, sayfanın altındaki ‘Değişiklikleri kaydet’ düğmesine tıklamayı unutmayın.

Yöntem 2: Ölçeklendirilmiş Görüntüleri Manuel Olarak Sunma

Görselleri eklenti olmadan da ölçeklendirebilirsiniz. Bunu yapmanın üç yolu vardır: resim düzenleme yazılımını, WordPress Medya Kitaplığı’ndaki resim düzenleme özelliğini veya WordPress Medya Ayarları’ndaki değerleri değiştirerek kullanabilirsiniz.

Görüntü Düzenleme Yazılımıyla Görüntüleri Ölçekleme

Adobe Photoshop veya Affinity Photo gibi bilgisayarınızdaki fotoğraf düzenleme yazılımlarını kullanarak resimlerinizi web sitenize yüklemeden önce doğru boyutlara ölçeklendirebilirsiniz.

Yazılım, görüntünüz için doğru piksel sayısını seçmenize ve küçük bir dosya boyutu ve tercih ettiğiniz dosya formatıyla kaydetmenize olanak tanır.

Örneğin, Affinity Photo’nun kırpma aracını gösteren bir ekran görüntüsü.

Cropping an Image With Affinity Paint

Resim boyutunu en baştan doğru ayar lamanın yanı sıra, web sitenizi yavaşlatmadıklarından emin olmak için resimlerinizi yüklemeden önce yapabileceğiniz başka şeyler de vardır.

Daha fazla bilgi için web performansı için görsellerin nasıl optimize edileceğine ilişkin kılavuzumuza bakın.

WordPress Medya Kitaplığındaki Görselleri Ölçeklendirme

WordPress’te temel resim düzenleme işlemlerini yapabileceğinizi biliyor muydunuz? WordPress’in ‘resim düzenleme’ özelliği resimleri kırpmanıza, döndürmenize, çevirmenize ve ölçeklendirmenize olanak tanır.

Bir gönderiyi veya sayfayı düzenlerken, düzenlemek istediğiniz resme tıklamanız gerekir. Ardından, ‘Değiştir’ düğmesine tıklamalı ve ardından menüden ‘Medya Kitaplığını Aç’ı seçmelisiniz.

Replace the Image from the Media Library

Bu, WordPress Medya Kitaplığı’nı seçili görselle birlikte açacaktır.

Sağ tarafta resminiz için alt metin, başlık, resim yazısı ve açıklama ekleyebileceğiniz bir alan bulunmaktadır. Ayrıca bir ‘Resmi Düzenle’ bağlantısı da bulacaksınız.

‘Resmi düzenle’ sayfasını ziyaret etmek için bu bağlantıya tıklamanız yeterlidir.

Click the Edit Image Link

Burada görüntünün bir önizlemesini, düzenleme düğmelerini ve görüntüyü ölçeklendirirken veya kırparken yararlı olan diğer birkaç seçeneği bulacaksınız.

Görüntüyü ölçeklendirmek için, sağ taraftaki Görüntüyü Ölçeklendir altındaki ‘Yeni boyutlar’ değerlerinden birini değiştirmeniz yeterlidir.

Scaling an Image

Örneğin, bu görüntü 2560×1637 piksel gibi çok büyük bir çözünürlüğe sahiptir. İlk ‘Görüntüyü Ölçekle’ alanına yazarak bunu 1200 piksel genişliğe düşürebiliriz.

Tek değiştirmeniz gereken Genişliktir çünkü görüntünün yükseklik değeri, görüntüyü orantılı tutmak için otomatik olarak değiştirilecektir.

Bundan sonra, görüntünün çözünürlüğünü değiştirmek için ‘Ölçeklendir’ düğmesine tıklamanız yeterlidir.

WordPress’te bir görseli yalnızca küçültebileceğinizi unutmayın. Görsel boyutlarını artırarak görselleri büyütemezsiniz.

Ayrıntılı talimatlar için WordPress’te temel görüntü düzenlemenin nasıl yapılacağı ve WordPress yazı küçük resimlerinin nasıl kırpılacağı ve düzenleneceği hakkındaki kılavuzlarımıza bakın.

Medya Ayarlarında Görüntü Boyutlarını Ayarlama

Web sitenize resim yüklediğinizde, WordPress otomatik olarak farklı boyutlarda birkaç kopya oluşturur. WordPress yönetici alanındaki Ayarlar ” Medya sayfasını ziyaret ederek bu boyutları özelleştirebilirsiniz.

The Media Settings Page

Burada, küçük, orta ve büyük resim boyutları için boyutları kolayca değiştirebilirsiniz.

Bazı web sitelerinde küçük, orta ve büyük resim boyutlarından daha fazlasına ihtiyacınız olabilir. WordPress’te ek görsel boyutlarının nasıl oluşturulacağına ilişkin kılavuzumuzu takip ederek bu boyutların nasıl oluşturulacağını öğrenebilirsiniz.

Varsayılan görüntü boyutlarını değiştirirseniz veya ek görüntü boyutları oluşturursanız, yalnızca yeni görüntüler etkilenecektir. Mevcut görseller için görsel boyutlarını yeniden oluşturmanız gerekir.

Bir gönderiye veya sayfaya bir resim eklediğinizde, sayfanın solundaki blok ayarlarından bir resim boyutu seçebilirsiniz.

Select Image Size in a Post or Page

Umarız bu eğitim WordPress’te ölçeklendirilmiş görsellerin nasıl sunulacağını öğrenmenize yardımcı olmuştur. Ayrıca WordPress görsel SEO’sunu optimize etme kılavuzumuzu görmek veya blog yazıları için görseller oluşturmak üzere yapay zeka kullanma hakkındaki makalemize göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

3 yorumBir Cevap Bırakın

  1. Jiří Vaněk

    When I change an image using WordPress, does it create a new scaled-down copy, or does WordPress just scale the image to a different size but keep the original image? My concern is whether the size of the loaded image will also change at the same time or not.

    • WPBeginner Support

      You would determine which of those options that it does in the plugin’s settings.

      Yönetici

      • Jiří Vaněk

        I understand and thank you for your reply. I am primarily interested in the second option, in order to create a smaller copy of the image and thus reduce the demands on transmitted data. Thank you for the clarification.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.