WebP Dosyalarının WordPress Üzerinde Kullanılması

HomeWeb Master

WebP Dosyalarının WordPress Üzerinde Kullanılması

WebP Tüm browserlar tarafından desteklenmeye başlayan yeni resim formatıdır. Kullanılmaya başlanmasının nedeni ise resim boyutunu azaltmasından dolayıdır.

WordPress qTranslate-X Eklentisi
WordPress Forminator ile Kişilik Testi Oluşturun
Niş (Niche) Blog Nedir ?

WebP Nedir

WebP Tüm browserlar tarafından desteklenmeye başlayan yeni resim formatıdır. Kullanılmaya başlanmasının nedeni ise resim boyutunu azaltmasından dolayıdır.

Bir örnek dosyamız ile inceleyelim

1000 X 667 Pixel JPG dosyamız 562,7 kB (562.718 bytes)

1000 X 667 Pixel WebP dosyamız 209,7 kB (209.728 bytes)

Görüntü kalitesinin bozulmaması ve ciddi bir optimizasyon sağlayan yeni formatımız, web uygulamaları tarafından kullanılmaya başlandı.

WordPress yönetim panelimizde dosyayı eklemenize ve görüntülemenize izin vermemektedir. Bu nedenle kod üzerinde değişiklik yapmanız gerekmektedir. Bazı eklentiler mevcut ancak, web sayfanızdaki tüm resimleri optimize etmeye yönelik eklentilerdir. Ben bu eklentileri kullanmak yerine, sadece kendi webp dosyalarımı yüklemek ve kullanmak istiyorum. Google üzerinde tüm indexlenen resimlerimin değişmesine neden olacaktır.

WordPress Yönetim Panelinizde Görünüm / Tema Düzenleyici menüsüne gelerek, aktif kullandığınız temada functions.php dosyasına aşağıdaki komutları eklemeniz gerekmektedir. Web tarayıcıyı kapatarak tekrar açtığınızda hem webp dosyalarını ortam kütüphanesine ekleyebilecek hemde yazı editöründe görüntüleyebileceksiniz.


//** *Enable upload for webp image files.*/
function webp_upload_mimes($existing_mimes) {
$existing_mimes['webp'] = 'image/webp';
return $existing_mimes;
}
add_filter('mime_types', 'webp_upload_mimes');

//** * Enable preview / thumbnail for webp image files.*/
function webp_is_displayable($result, $path) {
if ($result === false) {
$displayable_image_types = array( IMAGETYPE_WEBP );
$info = @getimagesize( $path );

if (empty($info)) {
$result = false;
} elseif (!in_array($info[2], $displayable_image_types)) {
$result = false;
} else {
$result = true;
}
}

return $result;
}
add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);

COMMENTS

WORDPRESS: 1