WordPress'te WebP Görüntüleri Nasıl Yüklenir

WordPress sitenizi hızlandırmak istiyorsanız, CDN kullanmanın veya HTTP isteklerinin sayısını azaltmanın yanı sıra WebP görüntüleri kullanmayı düşünün. Diğerlerine kıyasla çok daha düşük dosya boyutlarında yüksek kaliteli görüntüler sunmaya yardımcı olurlar. Bu modern görüntü dosyası formatı, son on yıldan beri yeni bir WordPress trendi haline geldi.

Ancak WebP görüntüleri nedir? Bu görüntü türünün diğer dosya türlerinden farkı nedir? Bunları WordPress sitelerinize nasıl yükleyebilirsiniz?

Bugünkü yazımız, size WebP görüntülerinin net bir resmini vermek için tüm bu soruları netleştirecek. Diğer görüntü türlerini WebP'ye dönüştürme yöntemi de bu makaleyi saracaktır.

WebP Görselleri nedir?

2010 yılında Google tarafından geliştirilen WebP, web siteleri için yeni nesil görüntü dosyası formatı olarak da kabul ediliyor. Görüntüleri diğer görüntü biçimlerinden çok daha küçük bir boyuta sıkıştırarak WordPress sitenizi optimize etmeye yardımcı olur. O zamandan beri, düşük kaliteli görseller kullanmadan sitenizi önemli ölçüde hızlandırabilirsiniz. Daha küçük resim boyutları ayrıca sunucunuza daha az bant genişliği talebi gelmesine neden olarak paradan tasarruf etmenizi sağlar.

PNG ile karşılaştırıldığında, WebP resimlerinin boyutu %26 daha küçüktür, JPEG dosyaları söz konusu olduğunda bu oran %25-34'e kadar yükselir. Bu istatistikler, Google WebP'nin 11.000 görsel üzerindeki çalışmasından alınmıştır.

WebP Görüntüleri Nasıl Çalışır?

WebP hem kayıpsız hem de kayıplı sıkıştırma içerir. Kayıplı sıkıştırma için dosya boyutunu küçültmek için tahmine dayalı kodlama kullanır. Tahmine dayalı kodlama, dosyalarınızın değerlerini tahmin etmek için Komşu pikselleri kullanır. Bu yöntem, VP8 anahtar kare kodlamasıyla aynıdır.

Kayıpsız sıkıştırma çok daha karmaşıktır. Yeni pikseller oluşturmak için 'zaten görülen görüntü parçalarını' kullanır. Kalitesini korurken bir görüntünün dosya boyutunu küçültebilirsiniz.

Hangi Tarayıcı WebP Dosyalarını Destekler

Google, sayfa yükleme süresini iyileştirmek için siteleriniz için WebP görsellerini kullanmanızı önerir. Bunu anlayın, WordPress bu yeni modern dosya biçimini destekleyen 5.8 sürümünü yayınladı. Daha eski WordPress sürümleri, WebP görüntülerini sitelerinize yüklemenizi engeller.

Çoğu tarayıcı, Google Chrome, Mozilla Firefox, Microsoft Edge, Opera ve diğerleri dahil olmak üzere WebP'yi görüntülemenizi sağlar. iOS ve macOS Safari kullanıcıları neyse ki WebP görüntülerini yalnızca kısmen desteklemektedir. macOS 11 Big Sur veya sonraki bir sürümünü kullanmadığınız sürece bunları açamazsınız.

WordPress'te WebP Resmi Nasıl Yüklenir

Belirtildiği gibi, WordPress 5.8+ kullanıyorsanız, JPEG, PNG ve GIF biçimleri gibi diğer dosya görüntüleri için yaptığınız gibi bunları WordPress medya kitaplığınıza ekleyin. Medya → Yeni Ekle seçeneğine gidin, ardından dosyalarınızı oraya sürükleyip bırakın.

Artık bunları içeriğinizin herhangi bir yerine ekleyebilirsiniz.

5.8'den daha eski bir WordPress sürümü kullanıyorsunuz ve henüz güncellemek istemiyor musunuz? Sitenize bir Webp resmi eklemeye çalıştığınızda, "Maalesef bu dosya türüne güvenlik nedeniyle izin verilmiyor" şeklinde bir hatayla karşılaşacaksınız.

Bu durumda, tema function.php dosyanızda küçük kod değişiklikleri yapmanızı veya üçüncü taraf bir eklenti kullanmanızı öneririz.

Yöntem 1: Webp görüntü Eklentisine İzin Ver'i kullanın

Kutuptan direğe 10 binden fazla kullanıcı tarafından güvenilen Allow Webp image, Webp görüntülerini WordPress'e yüklemek için en popüler çözümlerden biri haline geldi. Sadece bu hafif ama güçlü eklentiyi kurun ve tüm işi halletmesine izin verin.

1. WordPress yönetici panonuzda Eklentiler → Yeni Ekle'ye gidin
   
2. Anahtar kelime kutusuna 'webp resmine izin ver' yazın
3. Eklentiyi sitenize yüklemek için 'Şimdi Yükle' ve 'Etkinleştir' düğmelerine basın

Bu kadar! Eklentinin düzgün çalıştığından emin olmak için sitenize test etmek üzere yeni bir WebP görüntüsü yüklemeyi deneyin.

Yöntem 2: Kodu Kullanarak Tema Dosyasını Düzenle

Teknik becerileriniz varsa ve yalnızca küçük bir işlev eklemek için bir eklenti kurmak istemiyorsanız, tema function.php dosyasına biraz kod eklemeniz yeterlidir.

Tek yapmanız gereken:

1. Yönetici menünüzde Görünüm'e gidin ve altındaki Tema Düzenleyici'yi açın.
   
2. Tema dosyası menüsünde function.php dosyasını bulun
3. Dosyanın sonuna aşağıdaki kodu girin

 function webp_upload_mimes( $existing_mimes ) {
    // mime türleri listesine webp ekle
    $existing_mimes['webp'] = 'image/webp';
    // eklenmiş mime tipimizle diziyi fonksiyona geri döndür
    $existing_mimes döndür;
}
add_filter('mime_types', 'webp_upload_mimes');
//** * Webp resim dosyaları için önizlemeyi / küçük resmi etkinleştirin.*/
function webp_is_displayable($sonuç, $yol) {
    if ($sonuç === yanlış) {
        $displayable_image_types = dizi( IMAGETYPE_WEBP );
        $bilgi = @getimagesize( $yol );
        if (boş($bilgi)) {
            $sonuç = yanlış;
        } elseif (!in_array($info[2], $displayable_image_types)) {
            $sonuç = yanlış;
        } Başka {
            $sonuç = doğru;
        }
    }
    $sonucu döndür;
}
add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);

Değişikliklerinizi kaydedin ve WebP görüntülerini şimdi WordPress'e yükleyebilirsiniz.

Sitenizin performansını etkileyebileceğinden tema dosyasını doğrudan düzenlemek oldukça tehlikelidir. Code Snippets eklentisini kullanmanızı ve kodu buraya eklemenizi öneririz.

JPG ve PNG Görüntülerini WebP Dosyalarına Dönüştürün

Çevrimiçi Dönüştürücü, WebP Dönüştürücü, Convertio, vb. araçları kullanarak WordPress'e eklemeden önce yeni dosya yüklemelerinin resim biçimlerini değiştirmeniz mümkündür. Ancak, hem mevcut WordPress resimlerini hem de gelecekteki WordPress resimlerini dönüştürmek için EWWW Optimizer eklentisini kullanmanız daha iyi olur. dosya yüklemeleri.

Dünya çapında 900 binden fazla kullanıcı, görüntülerini optimize etmek için EWWW Optimizer'a güveniyor. Görüntü sıkıştırma ve tembel yükleme gibi temel özelliklerin yanı sıra, WebP görüntülerinin dönüştürülmesini de destekler.

EWWW Optimizer'ı kullanmaya başlamak için aşağıdaki kılavuzu izleyin.

1. Eklentiyi kurun ve etkinleştirin. Yukarıdaki Webp'ye İzin Ver resim eklentisiyle yaptığınıza benzer
2. Yönetici alanınızda Ayarlar → EWWW Image Optimizer'a gidin
   
3. Aşağı kaydırın ve 'WebP Dönüştürme' seçeneğini etkinleştirin
   
4. Değişiklikleri Kaydet düğmesine basın
5. WebP Dönüştürme bölümüne gidin ve 'Yeniden Yazma Kuralları Ekle'yi tıklayın
6. Eklenti Ayarları sayfasına geri dönün ve değişikliklerinizi kaydedin
7. Medya Kitaplığına gidin ve WebP görüntülerine dönüştürmeyi planladığınız tüm dosyaları seçin
8. Toplu İşlemler açılır menüsünü tıklayın ve 'Toplu Optimize Et'i seçin
9. 'Optimize Edilmemiş Resimleri Tara'ya basın ve resimlerinizi optimize etmeye başlayın

WordPress WebP Görüntülerini Koruyun

WebP görüntülerinizi korumak istediğiniz zamanlar olabilir. Kişisel bilgileri veya dahili projelerinizin özel fotoğrafları dahil olmak üzere kullanıcılar tarafından dosya yüklenebilirler. Onları yetkisiz erişime karşı korumanız gerekir.

PDA Gold'un kullanışlı olduğu yer burasıdır. Eklenti, WebP dosyaları da dahil olmak üzere her türden görüntünüzün güvenliğini sağlamada size yardımcı olur. Kurulum ve aktivasyon üzerine şunları yapabilirsiniz:

1. Gösterge tablonuzda Medya Kitaplığı'nı açın
2. Korumak istediğiniz WebP dosya adlarının üzerine gelin
3. Korumayı tıklayın
   

WebP resimleriniz artık özel hale geliyor. Eklenti ayrıca arama motorlarının dosyalarınızı dizine eklemesini engellemeye yardımcı olur. Başka bir deyişle, arama sonuçlarında görünmezler.

Kullanıcılarınıza dosya erişimi vermek için, özel indirme bağlantıları oluşturun ve 'Dosya korumasını yapılandır'ı tıklayarak onlarla paylaşın. Rastgele özel indirme bağlantıları oluşturabilir veya daha anlamlı hale getirmek için kendi bağlantılarınızı özelleştirebilirsiniz.

Kullanıcılarınız, WebP resimlerinizi görüntülemek için bu bağlantıları akrabalarına veya arkadaşlarına gönderebilir. Neyse ki eklenti, belirli bir süre veya birkaç tıklamadan sonra bağlantıları devre dışı bırakmanıza izin verir. Bundan sonra, kullanıcılar dosyalarınızı görüntülemek veya indirmek için bu bağlantıları kullanmayacaktır.

WordPress Sitenizde WebP Görsellerinden Yararlanın

Site sahipleri, WebP görüntülerinin web sitelerini hızlandırma ve SEO'yu geliştirmedeki faydalarını anlasa da, hepiniz bu yeni nesil dosya biçimini etkili bir şekilde nasıl kullanacağınızı bilmiyorsunuz.

WebP görüntüleri, 5.8'den eski WordPress sürümleri tarafından desteklenmediğinden, bunu başarmak için size kılavuzda yol gösterdik. Tema function.php dosyasına kod eklemek için İzin Ver Webp resim eklentisini kullanabilirsiniz.

JPG ve PNG resimlerini WebP formatına dönüştürmek için EWWW Image Optimizer'ı öneriyoruz.

WebP görüntülerinizi de korumak için PDA Gold'a bir şans vermeyi unutmayın!