WordPress için en iyi resim formatı Fotoğraflar ve grafikler için WebP, otomatik geri dönüşler olarak JPG ve PNG ve logolar ve simgeler için SVG. WordPress, web'in büyük bir kısmına güç sağlar ve görüntüler genellikle hizmet verdiği herhangi bir sayfadaki en ağır şeydir; dolayısıyla yüklediğiniz format, sitenizin ne kadar hızlı yüklendiğini ve ne kadar iyi sıralandığını doğrudan etkiler. WordPress, her yüklemenin birden fazla boyutunu oluşturarak sizin için çok şey yapar, ancak siz ayarlamadığınız sürece ideal formatı seçmeyecektir. Bu kılavuz, hangi formatın kullanılacağını, WordPress'in görselleri nasıl işlediğini ve bir WordPress sitesini hızlı tutan ayarları ve eklentileri kapsar.

WordPress'te resim formatı neden bu kadar önemli?

Tipik bir WordPress sayfasında, bir ziyaretçinin indirdiği baytların çoğunluğunu resimler oluşturur. Bunun anlamı resim formatı sayfa hızındaki en büyük kaldıraçtırve sayfa hızı doğrudan Google'ın sıralama sinyali olarak kullandığı Önemli Web Verileri'ne beslenir. Bir tema yalın ve barındırma hızlı olabilir, ancak büyük boyutlu JPG'lerle doldurulmuş bir sayfa yine de taranacaktır. Verimli bir format seçmek ve WordPress'in uygun boyutta sürümler sunmasına izin vermek, çoğu sitenin yapabileceği en yüksek etkili optimizasyondur ve küçük bir kurulumdan başka bir maliyeti yoktur.

WordPress resim yüklemelerini nasıl yönetir?

Bir görsel yüklediğinizde, WordPress onu yalnızca saklamaz. o otomatik olarak birkaç yeniden boyutlandırılmış kopya oluşturur, küçük resim, orta, büyük ve tam, böylece her bağlama uygun boyutta sunulabilir. Ayrıca tarayıcıların cihaz başına doğru boyutu seçmesi için duyarlı srcset işaretlemesini de oluşturur. Bu güçlüdür, ancak yüklediğiniz her şeyden çalışır; dolayısıyla 5000 piksellik bir orijinal, her boyutta şişirilmiş kopyalar üretir. Makul boyutta, etkili biçimde sıkıştırılmış bir orijinalin yüklenmesi, oluşturulan her sürümün de yalın olduğu anlamına gelir.

WebP: modern varsayılan

WebP standartlaştırılacak formattır. Dosyalar üretir Aynı kalitede JPG'den %25 - 35 daha küçük, PNG gibi şeffaflığı destekler ve artık mevcut tüm tarayıcılar tarafından desteklenmektedir. WordPress, 5.8 sürümünden bu yana WebP yüklemelerini desteklemektedir ve doğru eklentiyle, mevcut JPG'lerinizin ve PNG'lerinizin WebP sürümlerini otomatik olarak sunabilir ve görüntüleyemeyen herhangi bir tarayıcı için orijinaline geri dönebilir. Bir medya kitaplığını WebP'ye taşımak genellikle bir WordPress sitesinin elde edebileceği en büyük hızdır.

Yedekler olarak JPG ve PNG

WebP eski formatlardan vazgeçmek anlamına gelmiyor. JPG, fotoğraflar için, PNG ise şeffaflık gerektiren grafikler için güvenli bir alternatif olmaya devam ediyorve iyi bir optimizasyon eklentisi orijinalleri korur, böylece WebP desteği olmayan tarayıcılar hala çalışan bir görüntüye sahip olur. Uygulamada, her zamanki gibi bir JPG veya PNG yüklersiniz ve eklenti, bunun yanında bir WebP oluşturup sunar ve mümkün olan en küçük dosyayı teslim eder. Bu size hiçbir uyumluluk riski olmadan WebP'den tasarruf etmenizi sağlar; bu nedenle yalnızca WebP yerine önerilen kurulumdur.

Logolar ve simgeler için SVG

Logonuz ve arayüz simgeleriniz için SVG, tüm tarama formatlarını yener. öyle vektör olduğundan, küçük bir dosyadan her ekran yoğunluğunda son derece keskin kalır. WordPress, güvenlik nedeniyle varsayılan olarak SVG yüklemelerine izin vermez, çünkü bir SVG komut dosyası içerebilir, bu nedenle onu yükleme sırasında dosyaları temizleyen bir eklentiyle etkinleştirirsiniz. Etkinleştirildiğinde, SVG olarak sunulan logo, PNG eşdeğerinden daha küçük ve keskindir ve hiçbir zaman birden fazla boyutun oluşturulmasına ihtiyaç duymaz. SVG'yi logolar, simgeler ve basit grafikler için ayırın; fotoğraflar için kullanmayın.

Doğru görüntü boyutlarını seçme

WordPress çeşitli boyutlar üretir, ancak boyutları siz kontrol edersiniz. Ayarla İçerik alanınızdan daha geniş olmayacak şekilde büyük boyut, genellikle 1200 ila 1600 piksel civarında olduğundan, tam genişlikte görüntüler gereksiz derecede büyük değildir. İçerik sütununuz 800 piksel genişliğindeyken 4000 piksellik bir fotoğraf yüklemek, WordPress yeniden boyutlandırıldıktan sonra bile bant genişliğini boşa harcar, çünkü oluşturulan en büyük kopya hala büyük boyutludur. Kayıtlı görsel boyutlarınızı temanızın gerçek düzeniyle eşleştirin; sitenin sunduğu her görsel, göründüğü yerle orantılı kalır.

Sıkıştırma ve optimizasyon eklentileri

Bir optimizasyon eklentisi tüm boru hattını otomatikleştirir. Popüler seçenekler her yüklemeyi sıkıştırır, WebP sürümleri oluşturur ve gereksiz meta verileri ortadan kaldırabilir, üstelik tüm bunları bir görüntüye elle dokunmanıza gerek kalmadan gerçekleştirebilirsiniz. Birçoğu, yıllarca birikmiş JPG'leri ve PNG'leri tek geçişte WebP'ye dönüştürerek mevcut kitaplığınızı toplu olarak optimize eder. Bazıları, barındırma hizmetinizi korumak için işlemleri kendi sunucularına aktarır. Hangisini seçerseniz seçin, etki aynıdır: resimler sayfaya sıkıştırılmış olarak ve en iyi formatta otomatik olarak gelir; bu, her birini manuel olarak optimize etmeyi hatırlamaktan çok daha güvenilirdir.

Tembel yükleme resimleri

Geç yükleme, bir ziyaretçi sayfayı kaydırıncaya kadar resimleri erteler, böylece sayfanın ilk yüklemesi yalnızca hemen görünenleri getirir. WordPress varsayılan olarak yavaş yüklemeyi etkinleştirir yükleme özelliğini otomatik olarak ekleyerek ekranın alt kısmındaki resimlere. Bu, görüntü ağırlıklı sayfalarda ilk boyamayı belirgin şekilde hızlandırır. Bunun tek istisnası, En Büyük İçerikli Boya ölçümünü geciktirmemesi için hızlı bir şekilde yüklenmesi gereken, genellikle kahraman olan, ekranın üst kısmındaki en büyük görselinizdir. Çoğu optimizasyon eklentisi, tek bir ayarla bu görseli yavaş yüklemeden hariç tutmanıza olanak tanır.

Meta verileri çıkarma

Fotoğraflar, bir web sitesinin nadiren ihtiyaç duyduğu ve ağırlık katan meta verileri, kamera modelini, GPS konumunu, renk profillerini taşır. Bu meta veriyi çıkarmak her dosyayı küçültür görünür bir değişiklik olmadan ve çoğu optimizasyon eklentisi bunu sıkıştırmanın bir parçası olarak yapar. Muhtemelen fotoğrafın çekildiği yeri yayınlamak istemeyeceğiniz için GPS verilerinin kaldırılmasının gizlilik açısından da faydası vardır. Renk doğruluğu önemliyse, saklanmaya değer tek meta veri renk profilidir. Aksi takdirde, onu çıkarmak tüm kitaplıkta ücretsiz, görünmez bir boyut küçültme anlamına gelir.

Önerilen bir WordPress görüntü kurulumu

Bir araya getirin ve kurulum basittir. Temanızın düzeniyle eşleşen resim boyutlarını kaydedin. Yüklemeleri sıkıştıran, geri dönüşlerle WebP oluşturup sunan ve meta verileri çıkartan bir optimizasyon eklentisi yükleyin. Logonuz ve simgeleriniz için arındırılmış SVG'yi etkinleştirin. WordPress'in varsayılan tembel yüklemesini koruyun, ancak kahraman görselinizi hevesle yükleyin. Daha sonra makul boyuttaki orijinalleri yükleyin ve gerisini boru hattına bırakın. Bu sayede sitedeki her görsel otomatik olarak sıkıştırılır, doğru şekilde boyutlandırılır ve en iyi formatta sunulur ve kitaplık büyüdükçe site de hızlı kalır.

AVIF:

WebP'nin ötesinde bir sonraki adım

AVIF en yeni ve verimli formattır ve WordPress de bunu desteklemektedir. Sıkıştırır WebP'den bile daha küçük, genellikle yine %20 daha küçük, aynı görsel kalitede, şeffaflık ve geniş renk desteğiyle. Tarayıcı desteği artık geniş ancak WebP'nin biraz gerisinde olduğundan AVIF, WebP veya JPG geri dönüşüyle en iyi şekilde çalışır. Bazı optimizasyon eklentileri WebP'nin yanı sıra otomatik olarak AVIF oluşturabilir. Her görüntünün son birkaç kilobaytını kovalayan bir site için AVIF etkinleştirilmeye değer, ancak WebP şimdilik güvenli birincil format olmaya devam ediyor.

Medya kütüphanesi ve temizlik

Zamanla bir WordPress medya kitaplığı, yedekleri şişiren ve yöneticiyi meşgul eden kullanılmayan resimler, eski sürümler ve kopyalarla dolar. Kullanılmayan medyanın periyodik olarak temizlenmesi kitaplığın yönetilebilir olmasını sağlar ve yedekleriniz zayıflar. Eklentiler herhangi bir gönderiye veya sayfaya eklenmemiş görselleri tanımlayabilir, ancak bazı görseller taramanın algılayamayacağı şekillerde kullanıldığından, silmeden önce gözden geçirmekte fayda var. Düzenli bir medya kitaplığıyla çalışmak daha kolaydır ve bir kez optimize edildiğinde görsellerinizin gerçekte ne kadar yer kapladığının net bir resmini verir.

Tema değişikliğinden sonra küçük resimlerin yeniden oluşturulması

Temaları değiştirdiğinizde veya kayıtlı görsel boyutlarınızı değiştirdiğinizde mevcut yüklemeler hâlâ eski oluşturulmuş boyutlarına sahip olur. Küçük resimlerin yeniden oluşturulması, her boyutu orijinallerden yeniden oluşturur özel bir eklentinin tüm kitaplıkta toplu olarak yaptığı yeni boyutları eşleştirmek için. Bunu atladığınızda görseller uzatılmış görünebilir veya yeni tema altında yanlış boyutta sunulabilir. Bu, görüntü boyutlarınızdaki herhangi bir değişiklikten sonra tek seferlik bir adımdır ve çalıştırılması, tüm kitaplığın mevcut temanın gerçekte görüntüleri görüntüleme şekliyle tutarlı olmasını sağlar.

Resimler için CDN teslimatı

İçerik dağıtım ağı, dosyaları her ziyaretçinin yakınındaki bir sunucudan sunarak görüntü dağıtımını hızlandırır. Bir CDN, görüntülerinizi dünya çapında uç konumlarda önbelleğe alırböylece sunucunuzdan uzaktaki bir okuyucu da görüntüleri hızlı bir şekilde alır. Birçok WordPress optimizasyon ve önbellek eklentisi bir CDN'yi entegre eder ve görüntüye özgü bazı CDN'ler de anında dönüştürür ve yeniden boyutlandırır, formatı ve boyutları otomatik olarak işler. Küresel bir kitleye veya yoğun trafiğe sahip bir site için CDN, görüntü dağıtımını bir darboğaz olarak ortadan kaldırır ve aynı zamanda kaynak sunucunuzun yükünü de alır.

Öne çıkan görseller ve sosyal önizlemeler

Her gönderinin öne çıkan görseli çifte görev üstlenir: Temanızda görünür ve Grafiği Aç etiketleri aracılığıyla gönderi paylaşıldığında önizleme olarak görünür. Öne çıkan görselleri, sosyal önizlemeler için uygun boyutta, yaklaşık 1200 x 630 boyutunda ayarlayın, böylece paylaşılan bağlantılar akışta net görünür. Bir SEO eklentisi genellikle öne çıkan görüntüyü otomatik olarak Grafiği Aç etiketine eşler. Bunu doğru yapmak, paylaşılan her gönderinin kırpılmış bir küçük resim yerine temiz, doğru boyutta bir resim göstermesi veya hiçbir şey göstermemesi anlamına gelir.

Görüntü performansınızı test etme

Optimize ettikten sonra sonucu ölçün. PageSpeed Insights gibi araçlar görselle ilgili sorunları rapor ediyor, büyük boyutlu görselleri, eksik modern formatları ve düzenin değişmesine neden olan boyutları olmayan görselleri işaretler. Doğrudan Önemli Web Verileri'ne bağlanırlar, dolayısıyla tavsiyeleri Google'ın ölçtüğüyle eşleşir. Optimizasyon geçişinden önce ve sonra bir test çalıştırmak, sayfanın ne kadar hızlı hale geldiğini tam olarak gösterir ve onu hala geride tutan görselleri vurgular. Bu raporları, resimlerinizin son ağırlığını da ortadan kaldırmak için bir kontrol listesi olarak değerlendirin.

Yaygın WordPress görsel hataları

Birkaç alışkanlık WordPress sitelerini sessizce yavaşlatır. Tam çözünürlüklü kamera görüntülerini yükleme, sıkıştırmayı atlama ve WebP'yi etkinleştirmeme en yaygın olanıdır; her biri küçük dosyaların yapacağı yerde büyük dosyalar bırakır. Diğerleri arasında düzenin değişmesine neden olan görüntü boyutlarını ayarlamayı unutmak ve tasarruf ettiğinden daha fazla ağırlık ekleyen yavaş, özellik ağırlıklı bir eklenti kullanmak yer alır. Bunların her birinin yukarıdaki kurulumla düzeltilmesi kolaydır. Bunlardan kaçınmak, bir WordPress sitesini her yıl kütüphane dolarken yavaş yavaş izlemek yerine, büyüdükçe hızlı tutar.

WordPress için en iyi resim formatı nedir?

Fotoğraflar ve grafikler için WebP, JPG ve PNG yedekleri ve logolar için SVG. WebP dosyaları aynı kalitede JPG'den %25 ila %35 daha küçüktür ve mevcut tüm tarayıcılar bunları destekler.

WordPress WebP'yi destekliyor mu?

Evet WordPress 5.8'den beri. WebP'yi doğrudan yükleyebilirsiniz ve bir optimizasyon eklentisi, mevcut JPG'lerin ve PNG'lerin WebP sürümlerini yedeklerle otomatik olarak sunabilir.

SVG dosyalarını WordPress'e yükleyebilir miyim?

Güvenlik nedeniyle varsayılan olarak değil. Yükleme sırasında SVG'leri temizleyen bir eklenti bunu güvenli bir şekilde sağlar, bundan sonra SVG olarak sunulan logolar ve simgeler PNG'den daha küçük ve daha keskin olur.

Bir görsel optimizasyon eklentisine ihtiyacım var mı?

Şiddetle tavsiye edilir. Bir eklenti yüklemeleri sıkıştırır, WebP oluşturur ve meta verileri otomatik olarak çıkarırBu, her görüntüyü elle optimize etmekten çok daha güvenilirdir.

WordPress'e yüklemeden önce resimleri yeniden boyutlandırmalı mıyım?

Evet. İçerik alanınızdan daha geniş yüklemeyin, genellikle 1200 ila 1600 piksel. Devasa bir orijinal, WordPress'in ürettiği her boyutun da büyük olmasını sağlar.

WordPress AVIF'i destekliyor mu?

Evet. AVIF, WebP'den yaklaşık %20 daha küçük sıkıştırır aynı kalitededir ve bazı optimizasyon eklentileri bunu otomatik olarak oluşturur. Tam tarayıcı desteği için WebP veya JPG yedeklemesiyle sunun.

WordPress görselleri için CDN kullanmalı mıyım?

Küresel veya yüksek trafikli bir site için evet. Bir CDN, dünya çapındaki uç konumlardaki görüntüleri önbelleğe alırBöylece uzaktaki ziyaretçiler bunları hızlı bir şekilde alır ve yük, kaynak sunucunuzdan çıkar.

Temaları değiştirdikten sonra resimlerim neden yanlış görünüyor?

Çünkü mevcut yüklemeler eski oluşturulmuş boyutlarını koruyor. Küçük resimlerin yeniden oluşturulması, her boyutu orijinallerden yeniden oluşturur yeni temanın boyutlarına uyacak şekilde.

WordPress görsellerini tembel yüklemeli miyim?

Evet ve WordPress varsayılan olarak yavaş yüklemeyi etkinleştirir ekranın alt kısmındaki resimlerde. Devam edin, ancak ekranın üst kısmındaki ana kahraman görselinizi hevesle yükleyin, böylece En Büyük İçerikli Boya'yı geciktirmesin.