WordPress tarafından otomatik olarak oluşturulan farklı boyutlardaki görseller nasıl devre dışı bırakılır?

Bir WordPress kurulumu bir ormandan daha eski olduğunda ve şu anda okumakta olduğunuz bu sitede olduğu gibi içeriği düzenli olarak güncellendiğinde, resimlerin birikmesi büyük bir sorun haline gelebilir.

Görüntülerin zaman içinde birikmesine izin vermenin uzun vadede sonuçları olacaktır.

İnode'lar veya inode'lar

Bu bilinmeyenler. Bir inode, sunucuda bulunan herhangi bir dosya veya klasördür. Buna resimler, e-postalar, günlükler, komut dosyaları, stil sayfaları vb. dahildir. Her şey 1 sayılır, ağırlığı ne olursa olsun.

Barındırıcıların büyük çoğunluğu, "sınırsız alan" reklamı yapmalarına rağmen, her zaman inode sayısı için bir sınıra sahiptir. Bazıları çok cömert olsa da, örneğin LucusHost, bunları bir milyon gibi fazlasıyla yeterli bir miktarla sınırlıyor, ancak diğer barındırıcılarda bu miktar çok daha düşük olabilir.

Belki bir gün taşımanız gerekecek ve bu inode'ların büyük bir kısmından kurtulmazsanız taşıyamayacaksınız, bu nedenle bir hosting'den atıldım.

Kaynak israfı

Kullanılmayan yığınla görüntü barındırmak, gerekli bir şey için kullanabileceğiniz disk alanını boşa harcamaktır ve ayrıca olması gerektiği kadar hafif olmamasına katkıda bulunur.

Ayrıca, yıllarca ihmal ettiyseniz, birçoğunun optimize edilmemiş olması veya herhangi bir nedenle (örneğin bir şablon değişikliği veya eklenti artıkları) daha fazla sonsuz istek ve daha fazla kaynak tüketimi ekleyerek bozulmuş olması da çok muhtemeldir.

Önemli olan bir plana sahip olmaktır

Ve bir plandan önce, veritabanı da dahil olmak üzere tüm blogunuzun yeni bir yedeğini alın. Bunu her zaman yap.

Amaç, görüntü sayısını ikiye düşürmektir. Yüklenen orijinal görüntü (yeterli boyutta ve her yerde ölçeklenebilir şekilde görüntülenmesine izin veren bir şablonda) artı bir küçük resim.

Bir plana sahip olmanın yanı sıra, hangi görüntülerin kullanımda olduğunu ve hangilerinden sorunsuz bir şekilde kurtulabileceğinizi nasıl belirleyeceğinizi bilmeniz gerekir. Bunun için onları neyin yarattığını bilmek hayati önem taşır.

İlk ve en önemli şey, kullanılan tüm boyutları gözden geçirmek ve her birinin nerede üretildiğini bulmaktır. Çoğu durumda, genellikle functions.php dosyasında bulunan ve genellikle aşağı yukarı bu şekilde olan bir koddan şablondan oluşturulurlar (her şablona bağlıdır ve GeneratePress örneğinde olduğu gibi orada bile olmayabilir veya mevcut olmayabilir).

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 223, 137, true );
add_image_size( 'schema-featured', 680, 350, true ); // Featured.
add_image_size( 'schema-featured2', 1360, 700, true ); // Featured x 2.
add_image_size( 'schema-related', 211, 150, true ); // Related.
add_image_size( 'schema-related2', 422, 300, true ); // Related x 2.
add_image_size( 'schema-widgetthumb', 70, 60, true ); // Widget.
add_image_size( 'schema-widgetthumb2', 140, 120, true ); // Widget x 2.
add_image_size( 'schema-widgetfull', 300, 200, true ); // Sidebar full width.
add_image_size( 'schema-slider', 772, 350, false ); // Slider.
add_image_size( 'schema-slider2', 1544, 700, false ); // Slider x 2.

Bu örnek, şu anda kullandığımdan önce kullandığım Schema şablonunun functions.php dosyasından alınmıştır.

Burada yeni bir boyut yüklerken boyut oluşturulmasını önlemek için true değerini false olarak değiştirmek (veya satırı silmek) çok kolaydı. Ayrıca ne için kullanıldığını da söyledi. Bir boyutu "sınırlamadan" önce, oluşturulduğu işlevi kullanmayacağınızdan emin olun.

Bu yalnızca yüklediğiniz yeni resimler için geçerli olacak, daha önce yüklediğiniz resimler için geçerli olmayacaktır. Onlardan nasıl kurtulacağımızı daha sonra konuşacağız.

Bazı eklentilerinizin ve widget'larınızın belirli bir kullanım için başka boyutlarda kopyalar da oluşturabileceğini unutmayın. Her biri için belgelere başvurmanız ve kaynaklarını ve hedeflerini bulmak için görüntülerin yoluna göz atmanız gerekecektir.

Daha ileri gitmeden önce, her bir görüntünün nereden geldiğini zaten bildiğinizi ve silmeye karar verdiğiniz görüntü olmadan da yapabileceğinizi bildiğinizi varsayıyorum.

WordPress'in oluşturduğu küçük resimler

Zayıflık genellikle burada yatar. Bunlara küçük resimler demeye devam ediyorlar, ancak asıl mesele şu ki, çok daha büyük boyutlar da yaratıyor.

WordPress, 5.3 sürümünden bu yana medya kitaplığı ve/veya görsel düzenleyici aracılığıyla yüklenen her resim için yedi ek resim oluşturmaktadır. Yani her resim yüklediğinizde toplam sayıya sekiz eklersiniz.

Şablondan, eklentilerden ve widget'lardan diğer olası olanları eklerseniz, 12 veya daha fazla olabilir.

Bunlar WordPress'in oluşturduklarıdır:

Minyatür (150x150px)
Orta boy (300x300px)
Büyük boy (1024x1024px)

Medium large 768px
2x Medium large 1536px
2x large 2048px
Scaled 2560px

İlk üçünde 300 ve 1024 olmadan yapabiliriz ve küçük resmi 150×150'den 100×100'e indirebiliriz. Bunu yapmak için, Ayarlar/Medya'ya gidin ve ölçümleri değiştirin ve oluşturmak istemediklerinizi 0 (sıfır) olarak ayarlayın.

Şimdi, benim durumumda, 100×100 küçük resim medya kitaplığında görüntülenen resim olacaktır. Sayıyı ve boyutu azaltarak zaten birkaç yüz, belki de binlerce görüntüden ve Kb veya Mb'lik bir yığından tasarruf ettik.

Diğer dördü için, bu parçacıkları şablonumuzun functions.php dosyasına ekleyerek veya Code Snippets eklentisi aracılığıyla her birinin oluşturulmasını ayrı ayrı "kayıttan kaldırabiliriz".

768 piksel genişliğinde, orantılı devre dışı bırak

function shapeSpace_disable_medium_large_images($sizes) {
	
	unset($sizes['medium_large']); // disable 768px size images
	return $sizes;
	
}
add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_medium_large_images');

1536 piksel genişliğinde, orantılı devre dışı bırak

function shapeSpace_disable_2x_medium_large_images($sizes) {
	
	unset($sizes['1536x1536']); // disable 2x medium-large size
	return $sizes;
	
}
add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_2x_medium_large_images');

Desactivar 2048px de ancho, proporcional

function shapeSpace_disable_2x_large_images($sizes) {
	
	unset($sizes['2048x2048']); // disable 2x large size
	return $sizes;
	
}
add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_2x_large_images');

Ölçekli görüntüyü devre dışı bırak (2560 piksel)

add_filter('big_image_size_threshold', '__return_false');

Diğer olası boyutlar da dahil olmak üzere devre dışı bırakmak istediğiniz oluşturulan tüm boyutlar için tek bir kod kullanmayı tercih ederseniz, bunu çekebilir ve ilk üçünde olduğu gibi WordPress medya ayarlarından tutmak veya kontrol etmek istediğiniz satırları kaldırabilirsiniz.

Tüm boyutları devre dışı bırak

// Oluşturulan görüntü boyutlarını devre dışı bırakma
function shapeSpace_disable_image_sizes($sizes) {
	
	unset($sizes['thumbnail']);    // disable thumbnail size
	unset($sizes['medium']);       // disable medium size
	unset($sizes['large']);        // disable large size
	unset($sizes['medium_large']); // disable medium-large size
	unset($sizes['1536x1536']);    // disable 2x medium-large size
	unset($sizes['2048x2048']);    // disable 2x large size
	
	return $sizes;
	
}
add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_image_sizes');

// Ölçeklenmiş görüntü boyutunu devre dışı bırak
add_filter('big_image_size_threshold', '__return_false');

//Diğer görüntü boyutlarını devre dışı bırak
function shapeSpace_disable_other_image_sizes() {
	
	remove_image_size('post-thumbnail'); // ile eklenen görüntüleri devre dışı bırak set_post_thumbnail_size ()
	remove_image_size('another-size');   // Eklenen diğer görüntü boyutlarını devre dışı bırakın
	
}
add_action('init', 'shapeSpace_disable_other_image_sizes');

Kaynak: Jeff Starr'ın blogu. WordPress Otomatik Olarak Oluşturulan Görseller Nasıl Devre Dışı Bırakılır - Tam Kılavuz. Buraya yanlış bir şey yapıştırılmış olması ihtimaline karşı, kodu o gönderiden kopyalamanızı tavsiye ederim.

Jeff Starr aynı zamanda birkaç eklentinin de yaratıcısı ve hayatınızı karmaşıklaştırmak istemiyorsanız bunlardan biri de aynı şeyi yapıyor (denemedim).

Fazla görüntüleri kaldırmak için

Tamam, bir resim yüklediğimizde oluşturulmasına gerek duymadığımız tüm bu ekstra boyutların oluşturulmasını zaten devre dışı bırakmış olmamız gerekiyor.

Şimdi bir test görüntüsü yüklüyoruz ve ek boyutların oluşturulmadığını doğruluyoruz. Benim durumumda bu şekilde görünüyordu:

Ancak yüklenen ve artık kullanılmayan tüm bu resimleri nasıl sileceğiz?

Çok karmaşık olmayan en az iki seçenek vardır.

Elle. Daha sıkıcı ve yavaş bir şey. Bunları Cpanel dosya yöneticisinden veya FTP istemcinizden 300×300, 768x, 1536x, vb. gibi benzersiz dosya adı dizeleriyle arayabilir ve silebilirsiniz.

Çok fazla resim varsa, işi hala iyi yapan "Regenerate Thumbnails" eklentisini kullanabilirsiniz.

Klasik bir Alex Mills eklentisi olan bu eklentinin yaptığı şey, yüklenen resimlerin küçük resimlerini yeniden oluşturmaktır. Bunu medya kitaplığından tek tek veya çok fazla değilse hepsini birden yapabilirsiniz.

Yüklendikten ve etkinleştirildikten sonra, "Araçlar/Küçük resimleri yeniden oluştur" dan açtığınızda bunu göreceksiniz:

Orada WordPress tarafından kullanılan neredeyse tüm boyutların listesini göreceksiniz, ancak çoğunun oluşturulmasını zaten "kayıtsız" hale getirdiğimiz için, "Eski boyutlardaki küçük resim dosyalarını kaydetmeden sil…" seçeneğini de işaretleyerek tek bir test görüntüsü ile denemeniz önerilir.

Tek resimlik testte her şey yolunda gittiyse, artık tüm XXXX ekleri için küçük resimleri toplu olarak yeniden oluşturabilirsiniz (ilk düğme). Bu, tüm fazla boyutları tek seferde çıkaracaktır.

Bunu yakın zamanda yaptım ve toplu yenilemenin başarısız olduğunu hatırlıyorum, sanırım çok fazla resim olduğu için (20K'dan fazla) ve işlem bazı noktalarda kesintiye uğradı, bu yüzden medya kitaplığından 200 resimlik bloklar halinde yapmayı tercih ettim.

Görevi tamamladıktan sonra eklentiyi kaldırabilirsiniz.

Yeterli alan kazandığınıza göre, hostinginiz Litespeed altında çalışıyorsa, .jpg dosyalarınızın .webp formatında optimize edilmiş kopyalarını Litespeed Cache eklentisi ile ücretsiz olarak oluşturmak iyi bir fikirdir.