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

Yeni Başlayanlar İçin WordPress Görsel Boyutları Rehberi (+ En İyi Uygulamalar)

WordPress resim boyutları hakkında bilgi edinmek ister misiniz?

Genellikle yeni başlayanlar bize WordPress sitelerinde hangi görsel boyutlarını kullanmaları gerektiğini ve WordPress’in farklı alanlardaki görselleri nasıl ele aldığını soruyorlar.

Bu başlangıç kılavuzunda, yaygın WordPress görsel boyutlarını açıklayacak ve web sitenizde hangi boyutları kullanacağınızı nasıl bileceğinize dair en iyi uygulamaları paylaşacağız.

WordPress image sizes explained for beginners

Görüntü Boyutu Nedir?

Görüntü boyutu genellikle piksel cinsinden ölçülen bir görüntünün genişliğini ve yüksekliğini ifade eder. Örneğin, 1600×900 piksel, bir görüntünün 1600 piksel genişliğinde ve 900 piksel yüksekliğinde olduğu anlamına gelir.

Image size in dimensions

Bu ölçümlere görüntü boyutları da denir. Temel olarak, daha büyük boyutlara sahip bir görüntü daha fazla piksele sahiptir ve bu da görüntü dosyası boyutunu artıracaktır.

Görüntü dosyası boyutu, bir görüntü dosyasının bilgisayarda kapladığı alandır ve bayt cinsinden ölçülür. Örneğin, 100 KB (kilobayt).

Bir görselin dosya boyutu büyükse, kullanıcıların indirmesi daha uzun sürer ve web sitenizin hızını ve performansını etkileyebilir. Bu nedenle, görseli doğru boyutlarda tutarken görsel dosya boyutunu olabildiğince küçük tutmak önemlidir.

Görüntü dosyası formatları bu noktada devreye girer.

Görüntü dosyası formatları, görüntü dosyalarını kaydetmek için kullanılan sıkıştırma teknolojileridir. Web üzerinde kullanılan en yaygın dosya formatları JPEG ve PNG’dir.

Daha fazla renk içeren fotoğraf gibi görüntüler JPEG dosya formatı kullanılarak daha iyi sıkıştırılabilir. Öte yandan, daha az renk ayrıntısına sahip illüstrasyon gibi görüntüler en iyi sonuçlar için PNG kullanabilir.

Resim dosyası formatları hakkında daha fazla bilgi için WordPress‘te resimlerin nasıl optimize edileceğine ilişkin makalemize göz atabilirsiniz.

Bunu akılda tutarak, işte bu makalede ele alacağımız konulara hızlı bir genel bakış:

Hazır mısınız? Hadi başlayalım.

WordPress Sitem İçin Görsellerimin Boyutu Ne Olmalı?

Ortalama bir WordPress web sitesi için, web sitenizin çeşitli alanlarında görseller kullanacaksınız. 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 olacak.

WordPress varsayılan olarak bazı resim dosyası boyutlarını otomatik olarak işler. Bir resim yüklediğinizde, WordPress otomatik olarak farklı boyutlarda birkaç kopya oluşturacaktır.

Automatic copies of images in different sizes

WordPress yönetici alanındaki Ayarlar ” Medya sayfasını ziyaret ederek varsayılan WordPress resim boyutlarını görüntüleyebilir ve hatta ayarlayabilirsiniz.

Burada üç resim boyutu göreceksiniz: küçük resim, orta ve büyük.

Default image sizes in WordPress

Ancak WordPress temanız kendi ek resim boyutlarını oluşturabilir ve bunları sitenizin farklı bölümleri için kullanabilir.

Bu boyutlar ‘Medya’ ekranında görünmeyecektir ve bu ek boyutları görüntülemenin tek yolu WordPress hosting hesabınızdaki ‘Dosya Yöneticisi’ne gitmektir.

Ardından, /wp-content/uploads/ klasörüne gitmek ve göz atmak için oradaki herhangi bir yıl klasörünü seçmek isteyeceksiniz. Bu, WordPress sitenizin ürettiği tüm çeşitli görüntü boyutlarını görmenize yardımcı olacaktır.

Şimdi web sitenizin farklı alanlarına ve bu alanlarda hangi görsel boyutlarını kullanmanız gerektiğine bir göz atalım.

Blog Yazılarında Kullanılacak Görsel Boyutları

Blog yazılarınız için resim boyutunu WordPress temanıza göre seçmelisiniz.

Örneğin, bazı WordPress temaları daha geniş görseller kullanmanıza olanak tanıyan tek sütunlu bir düzenle birlikte gelir.

Image in a single column layout

Diğer bazı WordPress temaları, genellikle bir içerik alanı ve bir kenar çubuğundan oluşan çok sütunlu düzenler kullanır.

Bu tür bir tema kullanıyorsanız, resim genişliğini buna göre ayarlamanız gerektiği anlamına gelir.

Two column layout

Çoğu blog için aşağıdaki resim boyutlarını kullanabilirsiniz:

  • Tek sütun düzeni: 1200×675 piksel
  • İki sütunlu düzen: 680×382 piksel

Şimdi, birçok popüler WordPress web sitesinin bir makale içindeki tüm resimleri için aynı resim genişliğini kullandığını fark edebilirsiniz. Lütfen bunun katı bir kural olmadığını unutmayın.

Örneğin, bir ‘Medya ve Metin’ bloğu eklemeniz gerekiyorsa, görüntü boyutunu buna göre ayarlayabilirsiniz. Aşağıdaki örnekte, bazı metinlerin yanında bir portre resmi kullanıyoruz.

A blog post showing image in portrait size next to some text

Benzer şekilde, bazı durumlar için kare görüntüler kullanmak isteyebilirsiniz.

Örneğin, burada çok sütunlu bir düzende kullanılan kare görüntülere bir örnek verilmiştir.

Square images in columns

Kare görüntüleri kullanırken, görüntü boyutlarının 300 x 300 piksel gibi aynı genişlik ve yüksekliğe sahip olduğundan emin olmanız yeterlidir.

Gönderi küçük resimleri olarak da adlandırılanöne çıkan görseller bir WordPress tema özelliğidir. Bu, temanızın hangi boyuttaki görsellerin görüntüleneceğini belirleyeceği anlamına gelir.

Örneğin, bazı WordPress temaları öne çıkan görsel boyutları için 680×382 piksel gibi standart bir 16:9 en boy oranı kullanabilir.

Bazı WordPress temaları öne çıkan görseli başlık görseli olarak da kullanabilir. Bu durumda, 1200×675 piksel gibi daha büyük görsellere ihtiyaç duyabilirler.

Feaatured image used in cover

WordPress temanız bunları web sitenizin farklı alanlarında kullanabileceğinden öne çıkarılan görseller önemlidir. Genellikle ziyaretçilerinizin gördüğü ilk şeydir, bu nedenle iyi bir ilk izlenim bırakmak isteyeceksiniz.

Küçültülmüş veya daha geniş modlarda kullanıldığında güzel görünebilen daha büyük resimler kullanmanızı öneririz.

Featured image inside container

Benzer şekilde, WordPress temanız öne çıkan görseller için kare görseller kullanıyorsa, en az 600×600 piksel olan görseller kullanmanızı öneririz.

  • Dikdörtgen öne çıkan görseller kullanan temalar için: 1200×687 piksel
  • Kare öne çıkan görseller kullanan temalar için: 600×600 piksel

WordPress temanız ana sayfa, blog sayfası veya arşiv sayfaları gibi farklı alanlarda kullanmak üzere öne çıkan görseller için ek boyutlar oluşturacaktır.

Featured images on homepage

Sosyal Medya için Hangi Görsel Boyutları Kullanılmalı?

WordPress temanızda en boy oranı 16:9 olan öne çıkan görseller kullanıyorsanız, bunları Twitter ve Facebook için sosyal medya görselleri olarak da kullanabilirsiniz.

Ancak, bir kişi web sitenizden bir makale paylaştığında hangi görüntüyü görüntülemek istediğinizi bu platformlara açıkça söylemeniz gerekir.

Bunu yapmak için WordPress için All in One SEO eklentisine ihtiyacınız olacak. Piyasadaki en iyi WordPress SEO eklentisidir ve 3 milyondan fazla web sitesi tarafından kullanılmaktadır. Bu eklenti, web sitenizi arama motorları ve sosyal medya platformları için optimize etmenize yardımcı olabilir.

Not: Bütçeniz kısıtlı mı? All in One SEO ‘nun deneyebileceğiniz sınırlı bir ücretsiz sürümü de var.

Başlamak için All in One SEO 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 bakabilirsiniz.

Etkinleştirmenin ardından, eklenti kurulum sihirbazını başlatacaktır. İşlemi tamamlamak için ekrandaki talimatları izlemeniz yeterlidir. Daha ayrıntılı talimatlar için All in One SEO’nun nasıl kurulacağına ilişkin kılavuzumuza da bakabilirsiniz.

Bundan sonra, All in One SEO ” Sosyal Ağlar sayfasını ziyaret etmeniz ve Facebook sekmesine geçmeniz gerekir. Buradan ‘Öne Çıkan Görsel’i varsayılan Open Graph görsel kaynağınız olarak ayarlayabilirsiniz.

Default image for Facebook Open Graph

Daha sonra Twitter sekmesine geçebilir ve aynı işlemi yapabilirsiniz.

Ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.

Şimdi, WordPress temanız farklı boyutta resimler kullanıyorsa, Facebook ve Twitter bu resimleri düzgün bir şekilde görüntüleyemeyebilir.

Bu durumda, sosyal medya platformlarına özel bir görsel sağlayabilirsiniz.

1200×675 piksel veya 680×382 piksel olabilen 16:9 en boy oranına sahip bir görüntü oluşturmanız yeterlidir. Ardından, gönderiyi veya sayfayı düzenleyin ve editörün altındaki ‘AIOSEO Ayarları’ bölümüne gidin.

Buradan, ‘Sosyal’ sekmesine geçmeniz ve ‘Görsel Kaynağı’ alanına ilerlemeniz gerekir. Açılır menüden ‘Özel Görsel’i seçin ve ardından Facebook görselinizi yükleyin.

Set custom image for Facebook

Bunu yaptıktan sonra, işlemi ‘Twitter’ sekmesinde de tekrarlayabilirsiniz.

Sosyal medyanın kullanmasını istediğiniz görseli kullandığından emin olmak için bunu yayınladığınız tüm makaleler için yapmanız gerekeceğini unutmayın. Daha fazla sosyal medya görsel boyutu için yeni başlayanlar için WordPress sosyal medya hile sayfamıza bakın.

WordPress’te Web Sitesi Logosu için Hangi Görsel Boyutu Kullanılmalı?

Birçok WordPress teması, web sitenizin logosu için hangi resim boyutunu kullanmanız gerektiğini size bildirir.

Örneğin, demo temamız bir logo yüklemeye çalıştığımızda bu mesajı gösteriyor.

Logo image size recommendation

Ancak, tam site düzenleme özelliğine sahip daha yeni bir WordPress teması kullanıyorsanız, logo resmi boyutu için bir öneri alamayabilirsiniz.

Bu durumda, markanız için neyin en iyi göründüğünü görmek için farklı stil ve boyutlar yüklemenizi öneririz. 300×200 piksellik bir logo görseli boyutu iyi bir başlangıç noktası olabilir.

Site logo block editor

WordPress Web Siteniz için Görselleri Düzenleme

Çoğu WordPress kullanıcısının mesleği gereği grafik tasarımcı olmadığını biliyoruz. Ancak, WordPress web siteniz için resim boyutlarını ölçeklendirmek üzere resim düzenleme yazılımını kullanmayı öğrenmek, sahip olunması gereken harika bir beceridir. Ayrıca, bunu yapmak çok kolaydır.

WordPress’in kendisi bazı temel resim düzenleme araçlarıyla birlikte gelir. Bunları kullanmak için Medya ” Kütüphane sayfasına gidin ve bir resme tıklayın.

Bu, görüntüyü düzenlemek için bir düğme göreceğiniz bir açılır pencerede açacaktır.

Edit image in WordPress

Bunu yaptığınızda, düzenleme seçeneklerini görmelisiniz.

Düzenleme araçları temel görüntü yeniden boyutlandırma, kırpma, döndürme ve çevirmeyi içerir.

Image editing options in WordPress

Bu temel görüntü düzenleme, bir görüntü sorununu hızlı bir şekilde düzeltmeniz gerektiğinde kullanışlı olur. Ancak resimlerinizi günlük olarak düzenlemenin en iyi yolu bu değildir.

Neyse ki, kullanabileceğiniz birkaç ücretsiz ve ucuz seçenek var:

  • Canva – ücretsiz web tabanlı resim düzenleme yazılımı. Ayrıca web sitesi görselleri, logolar, sosyal medya görselleri ve daha fazlası için hazır şablonlar içerir.
  • Pixlr – Ücretsiz bir web tabanlı görüntü düzenleme yazılımı. Blog yazılarınız için görüntüleri kolayca yeniden boyutlandırmak için kullanılabilir.
  • Gimp – Ücretsiz ve açık kaynaklı görüntü düzenleme yazılımı. Bu araç Windows, Mac ve Linux’ta yerel bir masaüstü uygulaması olarak çalışır. Görüntüleri yeniden boyutlandırmak, metin katmanları eklemek, fotoğrafları düzenlemek ve daha fazlası için kullanılabilir.

Umarız bu makale WordPress görsel boyutları ve web sitenizde hangi görsel boyutlarını kullanmanız gerektiği hakkında daha fazla bilgi edinmenize yardımcı olmuştur. Ayrıca öne çıkan görsellere nasıl başlık ekleneceği ve öne çıkan görselin WordPress’te gösterilmemesinin nasıl düzeltileceği hakkındaki rehberimizi de görmek 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

8 yorumBir Cevap Bırakın

  1. mohadese esmaeeli

    Using SVG images to boost site speed is highly beneficial, but WordPress itself does not allow you to upload SVG images directly. Which format do you recommend?

  2. Moinuddin Waheed

    Images are great part of website and are the reasons we see good website experience.
    I used to think image dimensions and image sizes to be two different things. Having a proper dimension for placing image for different needs is important and knowing the ideal size helps us to have an optimized image for our website.
    Thanks wpbeginner for giving different dimensions to use for different use cases.

    • WPBeginner Support

      Glad our guide was helpful :)

      Yönetici

  3. Sunil Suresh

    A question:

    1a) In the article, you have said that WordPress generates certain image sizes on its own. So, I upload Image A, and WordPress creates copies of A at some pre-defined sizes. What happens when I delete Image A (let’s say I am no longer using it in any post/page)? Will WordPress automatically delete the generated images, or would I have to go into Media Library and manually delete the images?

    1b) Similarly, if it is some plugin that is generating the resized images, what happens to those generated images, when I delete the original image?

  4. ASHIKUR RAHMAN

    i am using original size/dimension for photos converted before uploaded to wp. but my question is. for category/tag pages which size do i needs? as i have set 0 size in media settings page to upload image in original size. most of my image are 1280*720 or bigger due to my theme requirements

    • WPBeginner Support

      Your specific theme would determine the size of the images needed for each section of your site and as each theme is different you would need to check with the support for the specific them you are using.

      Yönetici

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.