WordPress için Görseller Nasıl Sıkıştırılır — Sitenizi 5 Dakikada Hızlandırın

WordPress büyük görsellerin yüklenmesini tehlikeli derecede kolaylaştırıyor. Bir fotoğrafı telefonunuzdan medya kitaplığına sürüklersiniz, WordPress birkaç küçük resim boyutu oluşturur ve bunu bir yayına eklersiniz. Sorun şu: Telefonunuz 12-48 megapiksel çözünürlükte çekim yapıyor, 4000-8000 piksel genişliğinde ve her biri 3-8 MB boyutunda dosyalar üretiyor. WordPress bu görseli yayınınızda 800 piksel genişliğinde görüntüleyebilir ancak temanız doğru şekilde yapılandırılmadığı sürece tam boyutlu orijinali perde arkasına yükler.

Bunu tipik bir blog yazısındaki 5-10 görselle çarpın, temanızın başlık görselini, kenar çubuğu görsellerini ve arka plan görsellerini ekleyin; sayfa başına kolayca 20-40 MB görsel verisi sunmuş olursunuz. Hızlı bağlantılarda bile sadece görseller için bu süre 2-4 saniye kadar sürüyor. Mobil bağlantılarda durum çok daha kötü.

Sıkıştırma konusunda endişelenmeden önce boyutları doğru alın. Çoğu WordPress temasının 700-1200 piksel genişliğinde bir içerik alanı vardır. 900 piksellik bir kapsayıcıya 5000 piksel genişliğinde bir fotoğraf yüklemek tamamen israftır. Resimlerinizi yeniden boyutlandırın temanızın içerik genişliğine uyacak şekilde. Standart blog gönderileri için genellikle ihtiyacınız olan maksimum genişlik 1200 pikseldir. Tam genişlikte kahraman görüntülerde, neredeyse tüm ekranlar için 1920 piksel yeterlidir.

Öne çıkan görseller: 1200 x 630 piksel (bu aynı zamanda sosyal medya paylaşımı için de mükemmel bir şekilde çalışır). Blog yazısı görselleri: 800-1200 piksel genişlik, yükseklik orantılı. Tam genişlikte banner'lar: 1920x600-800 piksel. Küçük resimler: WordPress bunları otomatik olarak oluşturur ancak boyutları Ayarlar > Medya'dan kontrol edebilirsiniz. Boyutları yüklemeden hemen önce almak, genellikle herhangi bir sıkıştırma uygulanmadan önce dosya boyutunu %60-80 oranında azaltır.

Birçok WordPress kullanıcısı, yüklemeden sonra görüntüleri sıkıştırmak için Smush veya ShortPixel gibi eklentilere güvenir. Bunlar işe yarar, ancak sunucu yükü eklerler, bazen büyük kitaplıklar için ücretli planlar gerektirirler ve siz hâlâ ilk önce büyük boyutlu orijinalleri yüklersiniz. Daha iyi bir yaklaşım: yüklemeden önce resimlerinizi sıkıştırın WordPress'e. Doğru boyutlara yeniden boyutlandırın, %75-85 kalitede sıkıştırın ve 6 MB telefon fotoğrafınız 150 KB web'e hazır bir görüntü haline gelir. Bunu doğrudan yükle.

Optimize edilmemiş görsellere sahip mevcut yayınlarınız varsa, bir eklenti toplu optimizasyona yardımcı olabilir. Ancak ileriye dönük her yeni gönderi için yüklemeden önce sıkıştırın. Daha hızlıdır, kalite üzerinde daha fazla kontrol sahibi olmanızı sağlar ve bir eklentinin aktif kalmasına bağlı değildir.

WordPress, 5.8 sürümünden beri WebP yüklemelerini yerel olarak desteklemektedir ve WordPress 6.5'e AVIF desteği eklenmiştir. WebP görselleri eşdeğer JPEG'lerden yaklaşık %30 daha küçüktür; bu, sitenizdeki her görselin sıfır görünür kalite farkıyla daha hızlı yüklendiği anlamına gelir. Resimlerinizi WebP'ye dönüştürün yüklemeden önce veya WebP sürümlerini onu destekleyen tarayıcılara (2026'daki tüm modern tarayıcılar) otomatik olarak sunan bir eklenti kullanın.

WordPress 5.5+, görsellere otomatik olarak yavaş yükleme özelliği ekler; bu, ekranın alt kısmındaki görsellerin, ziyaretçi yanlarına kaydırıncaya kadar yüklenmediği anlamına gelir. Bu, çok sayıda görsel içeren sayfalar için çok büyük bir gelişmedir; ilk sayfa yüklemesinde yalnızca ekranda görünen görsellerin getirilmesi gerekir. Temanızın bu özelliği devre dışı bırakmadığından emin olun. Sayfa kaynağınızı inceleyerek ve arayarak doğrulayabilirsiniz. yükleniyor = "tembel" img etiketlerinizdeki özellikler.

WordPress ayrıca ziyaretçinin ekranına göre farklı resim boyutları sunan srcset özelliğini kullanarak duyarlı resim işaretlemesi oluşturur. Bu, mobil ziyaretçinin masaüstü ziyaretçiye göre daha küçük bir resim dosyası alacağı anlamına gelir. Ancak bu yalnızca görselleri makul bir başlangıç ​​boyutunda yüklerseniz işe yarar; WordPress 1200 piksellik bir görselin daha küçük versiyonlarını sunabilir ancak 400 piksellik bir görselin daha küçük versiyonlarını sunamaz. Yüklediğiniz boyut olarak 1200-1920 piksel genişliği hedefleyin ve WordPress'in gerisini halletmesine izin verin.

Beş dakikalık sürüm: görselleri 1200 piksel genişliğe yeniden boyutlandırın, WebP formatında %80 kalitede sıkıştırın, WordPress'e yükleyin ve yavaş yüklemenin etkinleştirildiğinden emin olun. Sonraki beş blog gönderiniz için bunu yapın ve ardından Google PageSpeed ​​Insights puanınızı kontrol edin. İyileşme genellikle çarpıcıdır; yalnızca görsel optimizasyonundan kaynaklanan mobil performans puanlarında 20-40 puanlık sıçramalardan bahsediyoruz.