WordPress Öne Çıkan Görsel Boyutu: 1200×630 + Nasıl Bulunur

Kısa cevap: Temanızın boyutunu henüz bilmiyorsanız 1200 x 630 piksel (yaklaşık 1.91:1) kullanın. Bu, Facebook’un önerdiği bağlantı önizleme boyutudur ve SEO eklentileri paylaşım görseli olarak genellikle öne çıkan görseli kullanır.

Yazının kendisinde önemli olan, temanızın gösterdiği boyuttur. WordPress her yüklemeyi birkaç boyutta saklar ve hangisinin görüneceğini tema seçer. Klasik temalar bunu set_post_thumbnail_size() veya add_image_size() ile belirler; blok temalar ise Öne Çıkan Görsel bloğunda. Tema 16:9’a veya kareye kırpıyorsa 1200 x 630 bir görsel sol ve sağ kenarlarından bir kısmını kaybedebilir. Temanızın boyutunu bulun (aşağıda dört yol var), ardından en az o kadar büyük ya da yüksek yoğunluklu ekranlarda keskin sonuç için yaklaşık iki kat genişlikte bir görsel yükleyin.

WordPress’in belirli bir görselden oluşturacağı tüm boyutları görmek için onu WordPress görsel boyutları aracına bırakın.

Görselin göründüğü yere göre hangi boyutu kullanmalı

Görselin göründüğü yer	Yüklenecek boyut	Notlar
Yazılarınız, tema boyutu henüz bilinmiyor	1200 x 630 veya daha keskin sonuç için 2400 x 1260	Temanızın boyutunu bulana kadar bağlantı önizlemeleri için de işe yarar
Yazılarınız, tema boyutu biliniyor	Temanızın öne çıkan görsel genişliğinin yaklaşık iki katı, aynı en boy oranında	WordPress bir yüklemenin daha küçük kopyalarını üretir, asla daha büyüklerini değil
Facebook bağlantı önizlemeleri	En az 1200 x 630 (yaklaşık 1.91:1); 1200 x 628 neredeyse aynı biçimdedir	Facebook’un paylaşım yönergelerinden
Google Discover	En az 1200 px genişlik, 16:9 (örneğin 1200 x 675)	Google’ın Discover yönergelerinden

Bir bakışta WordPress görsel boyutları

Yüklediğiniz her görsel, kayıtlı her boyut için yeniden boyutlandırılmış kopyalar alır. WordPress çekirdeğinin kaydettiği boyutlar ve Theme Handbook ile çekirdek fonksiyon referansındaki varsayılanlar şunlardır:

Boyut adı	Varsayılan ölçüler	Ayarlar > Ortam’dan değiştirilebilir mi?	Notlar
thumbnail	150 x 150, kırpılmış	Evet	”Tam ölçülere kırp” onay kutusu vardır
medium	en fazla 300 x 300	Evet	Orantılı ölçeklenir
medium_large	768 genişlik, yükseklik sınırı yok	Hayır	Esas olarak srcset içinde kullanılır
large	en fazla 1024 x 1024	Evet	Orantılı ölçeklenir
1536x1536	en fazla 1536 x 1536	Hayır	Yüksek yoğunluklu ekranlar için WordPress 5.3’te eklendi
2048x2048	en fazla 2048 x 2048	Hayır	Yüksek yoğunluklu ekranlar için WordPress 5.3’te eklendi
post-thumbnail	Tema belirler	Hayır	Yalnızca tema set_post_thumbnail_size() çağırırsa vardır
full	Orijinal yüklemeniz	Hayır	Çok büyük yüklemeler önce küçültülür (aşağıya bakın)

“En fazla”, WordPress’in görseli o kutunun içine sığdırıp oranlarını koruduğu anlamına gelir. 2000 x 1000 bir fotoğraf large için 1024 x 1024 değil, 1024 x 512 olur.

Temalar ve eklentiler sık sık add_image_size() ile daha fazla boyut ekler. Örneğin WooCommerce kendi ürün boyutlarını ekler; bunları WooCommerce ürün görseli boyutu rehberimiz ele alıyor.

Büyük yüklemeleri bir kural daha etkiler. WordPress 5.3’ten beri bir görsel 2560 pikselden geniş veya uzunsa WordPress onu küçültür ve küçültülmüş kopyayı mevcut en büyük boyut olarak kullanır. Bu eşik, varsayılanı 2560 olan big_image_size_threshold filtresinden gelir. Dosya adlarında -scaled görüyorsanız ve bunu kapatıp kapatmamanız gerektiğini merak ediyorsanız WordPress’te ölçeklenmiş görselleri kapatma rehberini okuyun.

Öne çıkan görsel boyutu aslında nereden gelir

Öne çıkan görsel, yazı düzenleyicinin Öne çıkan görsel panelinde ayarladığınız herhangi bir görseldir. Ziyaretçilerin ne gördüğü, temanın onu nasıl yazdırdığına bağlıdır.

Klasik temalar

Klasik bir tema öne çıkan görselleri açar ve boyutu kendi functions.php dosyasında kaydeder:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 1200, 675, true );

set_post_thumbnail_size(), post-thumbnail adında bir boyut kaydeder. Üçüncü argüman kırpmayı kontrol eder. false (varsayılan) ile WordPress görseli 1200 x 675 içine sığacak şekilde ölçekler. true ile görseli ortadan tam olarak 1200 x 675’e keser; böylece 16:9 kutunun dışında kalan her şey kaybolur. Hangi kısmın korunacağını seçmek için array( 'center', 'top' ) gibi bir dizi de verebilirsiniz.

Birçok tema farklı şablonlar için ek adlandırılmış boyutlar kaydeder:

add_image_size( 'hero-wide', 1600, 900, true );
add_image_size( 'card', 600, 400, true );

Şablon sonra bunlardan birini adıyla seçer:

if ( has_post_thumbnail() ) {
	the_post_thumbnail( 'hero-wide' );
}

Ad verilmeden çağrıldığında the_post_thumbnail(), post-thumbnail kullanır. Yani klasik bir temada gerçek öne çıkan görsel boyutu, şablonda adı geçen boyuttur ve bir blog arşivi tek yazı görünümünden farklı bir boyut kullanabilir.

Blok temalar

Bu sitedeki ücretsiz temalar dahil blok temalar, öne çıkan görseli Öne Çıkan Görsel bloğuyla yazdırır. Çekirdek bloklar referansı bu bloğun ayarlarını listeler: sizeSlug (hangi kayıtlı boyutun yükleneceği), aspectRatio, width, height ve scale.

Bu, nereye bakacağınızı değiştirir. Görünüm > Düzenleyici’yi açın, Tek Yazılar şablonunu düzenleyin ve Öne Çıkan Görsel bloğunu seçin. Kenar çubuğu hangi görsel boyutunun yüklendiğini ve bir en boy oranı ayarlanıp ayarlanmadığını gösterir. En boy oranı tarayıcıda CSS ile uygulanır; yani dosya aynı kalır, görünen çerçeve değişir. Blok 16:9 bir çerçeve istiyorsa ve görseliniz kareyse bir kısmı gizlenir. Arşiv ve ana sayfa şablonları tek yazı şablonundan farklı ayarlar kullanabilir, bu yüzden her birini kontrol edin.

Temanızın öne çıkan görsel boyutunu nasıl bulursunuz

Bunları sırayla deneyin. Size cevap veren ilk yöntem yeterlidir.

1. Tema belgelerine bakın. İyi temalar önerilen öne çıkan görsel boyutunu belirtir. Listeleniyorsa onu kullanın.

2. Kayıtlı boyutları WP-CLI ile listeleyin. Komut satırı erişiminiz varsa wp media image-size kayıtlı her boyutu genişliği, yüksekliği, kırpma ayarı ve oranıyla birlikte yazdırır:

   wp media image-size

3. Tema dosyalarında arama yapın. Klasik bir temada functions.php dosyasında (ve onun dahil ettiği dosyalarda) set_post_thumbnail_size ve add_image_size arayın, ardından single.php veya şablon parçalarında the_post_thumbnail() fonksiyonuna verilen adı bulun. Blok temada, yukarıda anlatıldığı gibi Site Düzenleyici’deki Öne Çıkan Görsel bloğunu kontrol edin.

4. Yayındaki bir yazıyı inceleyin. Öne çıkan görsele sağ tıklayın, İncele’yi seçin ve src içindeki dosya adını okuyun. WordPress yeniden boyutlandırılmış kopyalara ölçüleri ekler; yani my-photo-1200x675.jpg temanın 1200 x 675 bir kopya yüklediğini söyler. srcset alanına da bakın, çünkü tarayıcı dar ekranlarda daha küçük bir kopya seçebilir. Adda ölçü yoksa tam boyutlu dosya kullanılmıştır.

Hedefi öğrendikten sonra, bir grup görsel yüklemeden önce her türevin nasıl görüneceğini kontrol etmek için örnek bir görseli görsel boyutları aracından geçirin.

Yükleme boyutunu seçmek

Temanın boyutu belli olduğunda, sonucun doğru görünüp görünmeyeceğine dört seçim karar verir.

• Genişlik. En az temanın gösterdiği genişlikte yükleyin. Yüksek yoğunluklu telefon ve dizüstü ekranlarında keskin sonuç için bu genişliğin yaklaşık iki katını hedefleyin. 1200px genişliğindeki bir alan için bu 2400px demektir. WordPress yüklemenizden daha küçük kopyalar üretir, asla daha büyüklerini üretmez; bu yüzden küçük kalan bir orijinal, yüklemeden sonra bulanık görselin en yaygın nedenidir.
• En boy oranı. Temanın kırpma oranıyla eşleştirin. 16:9’a kırpıyorsa 16:9 verin ve sert bir kırpmanın başları veya yazıları kesmemesi için konuyu ortaya yakın tutun.
• Dosya boyutu. Makul kalitede JPEG olarak kaydedilmiş 2400px bir fotoğraf genellikle birkaç yüz kilobayttır. 6000px’lik bir kamera dosyası yüklemek yalnızca iş çıkarır: WordPress 2560px’in üzerindeki her şeyi zaten küçültür ve fazla pikseller ziyaretçilere hiç ulaşmaz.
• Dosya biçimi. WordPress, sunucunuzdaki görsel kütüphanesi desteklediği sürece 5.8 sürümünden beri WebP yüklemelerini ve 6.5’ten beri AVIF’i kabul eder. İkisi de benzer kalitede genellikle JPEG’den daha küçük bir dosya verir.

Sosyal paylaşım görseli ayrı bir iştir

Biri yazınızı Facebook, LinkedIn veya başka ağlarda paylaştığında önizleme, SEO eklentilerinin genellikle öne çıkan görselden doldurduğu og:image etiketinden gelir. Facebook’un paylaşım belgeleri en az 1200 x 630 piksel ve mümkün olduğunca 1.91:1 orana yakın görseller önerir.

1200 x 628 önerisiyle de karşılaşacaksınız. Bu boyut neredeyse tam olarak 1.91:1’dir; 1200 x 630 ise yaklaşık 1.90:1’e denk gelir. İkisi arasında yükseklikte yalnızca 2 piksel fark vardır, yani hangisini kullansanız olur.

Temanızın gösterim boyutu da 1.91:1’e yakınsa tek bir 1200 x 630 (veya 2400 x 1260) yükleme ikisi için de çalışır. Tema 16:9’a veya kareye kırpıyorsa önemli içeriği sol ve sağ kenarlardan uzak tutun ya da SEO eklentinizde ayrı bir sosyal görsel ayarlayın.

Google Discover’ın görseller için kendi önerileri vardır. Google’ın Discover yönergeleri en az 1200 px genişliğinde, toplamda 300.000 pikselden fazla ve 1200 x 675 gibi 16:9 oranında görseller önerir. Büyük görseller ayrıca max-image-preview:large robots ayarını gerektirir; site arama motorlarının dizinlemesini engelleyecek şekilde ayarlanmadıkça WordPress bunu 5.7 sürümünden beri varsayılan olarak ekler.

Öne çıkan görsel boyutu nasıl değiştirilir

Değişikliği nerede yapacağınız boyuta ve temanıza bağlıdır.

Çekirdek boyutlar (thumbnail, medium, large). Ayarlar > Ortam’a gidin ve genişlik ile yüksekliği değiştirin. Ortam Ayarları ekranı belgeleri, küçük resimler için kırpma onay kutusu dahil alanları açıklar.

Klasik temadaki tema boyutları. Ana temayı düzenlemeyin, çünkü bir tema güncellemesi değişikliğinizin üzerine yazar. Yeni değerleri bir alt temanın functions.php dosyasına ekleyin. Bir boyutu aynı adla yeniden kaydetmek onu değiştirir ve alt temanın kurulumu ana temanınkinden sonra çalışmalıdır:

add_action( 'after_setup_theme', function () {
	set_post_thumbnail_size( 1600, 900, true );
	add_image_size( 'hero-wide', 1600, 900, true );
}, 11 );

11 önceliği, bunun varsayılan 10 önceliğiyle bağlanmış bir ana temadan sonra çalışmasını sağlar. Ana temanın kodunu kontrol edin ve daha sonraki bir öncelik kullanıyorsa ayarlayın.

Blok temalar. Site Düzenleyici şablonunda Öne Çıkan Görsel bloğunun görsel boyutunu ve en boy oranını değiştirin. Kod gerekmez ve değişiklik o şablonu kullanan her yazıya uygulanır.

Tek bir görsel, kodsuz. Tek bir görselde kırpmanın neyi koruyacağını seçmek için görseli Ortam > Kütüphane’den açın ve Görseli düzenle’ye tıklayın. Görseli temanızın oranına kırpın (kırpma aracı 16:9 gibi bir en boy oranı kabul eder) veya ölçekleyin, ardından kaydedin. WordPress değişikliği o görselin tüm boyutlarına uygular ve orijinal dosyayı saklar; böylece orijinal görseli geri yükleme seçeneğiyle değişikliği daha sonra geri alabilirsiniz.

Mevcut küçük resimleri yeniden oluşturun

Değiştirilmiş bir boyut yalnızca yeni yüklemelere uygulanır. Ortam kütüphanenizdeki görseller, siz onları yeniden oluşturana kadar eski kopyalarını korur. wp media regenerate komutu bunu yapar:

wp media regenerate --yes

WP-CLI belgelerinden faydalı seçenekler:

• --image_size=hero-wide yalnızca o boyutu yeniden oluşturur. Birden fazla boyut için bayrağı tekrarlayın.
• --only-missing henüz olmayan boyutları oluşturur ve mevcut dosyalara dokunmaz; yeni bir boyut ekledikten sonra daha hızlıdır.
• --skip-delete eski küçük resim dosyalarını korur. Başka siteler, bültenler veya akışlar doğrudan bu dosyalara bağlantı veriyorsa kullanın.

Komut satırı erişimi yoksa WordPress.org eklenti dizinindeki Regenerate Thumbnails eklentisi aynı işi panelden yapar. Büyük bir kütüphanede önce yedek alın, çünkü yeniden oluşturma çok sayıda dosyayı yeniden yazar.

Sık yapılan hatalar

• 1200 x 630’da durmak. İyi bir başlangıç noktasıdır ve bağlantı önizlemelerine uyar, ama temanız 16:9’a veya kareye kırpıyorsa görselin bir kısmı kesilir. Toplu yükleme yapmadan önce temanızın boyutunu kontrol edin.
• “Orijinali korumak” için oluşturulan boyutları kapatmak. Temanın daha küçük kopyaları yoksa her ekranda tam dosyayı yükleyebilir ve bu da sayfayı telefonlarda yavaşlatır. Yeniden boyutlandırılmış kopyalar tam da bunu önlemek için vardır.
• Görsel boyutu kodunu düzenleyip yeniden oluşturmayı atlamak. Kod çalışır, ama yalnızca yeni yüklemeler için. Birçok kişinin boyut değişikliğinin “hiçbir şey yapmadığına” karar vermesinin nedeni budur.
• Boyutu ana temada değiştirmek. Bir sonraki tema güncellemesi onu kaldırır. Bir alt tema veya Site Düzenleyici kullanın.

Boyutu ve oranı eşleştirip yeniden oluşturduktan sonra görsel hâlâ yanlış görünüyorsa, tarayıcının yüklediği dosya adını görsel boyutları aracının WordPress’in oluşturması gerektiğini söylediği boyutlarla karşılaştırın. Farklıysa, WordPress ile ziyaretçi arasındaki bir optimizasyon eklentisi veya CDN görsel boyutlandırıcısı çoğu zaman kendi sürümünü sunuyordur.