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.
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.
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.
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.
‘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.
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ü.
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.
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.
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.
Ö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.
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.
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.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
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.