Merhaba,

.webp uzantılı görselleri uzun süredir kullanıyorum fakat size bazı uyarılar yapmak isterim.

Birkaç ay önce pagespeed değerlerim yüksek olsun diye .webp uzantısına geçtim. Pagespeed değerlerim diğer cache ayarlarıyla birlikte 90-95 arasına geldi. Ben eklenti vs. yerine daha basit ama daha manuel şekilde kullanıyorum. Wordpress kullanıyorsanız ftp üzerinden /wp-content/tema/functions.php dosyasını açın ve en altına şu kodu ekleyin.

//** *webp gorselleri yuklemek icin gereken kodlar.*/
function webp_upload_mimes($existing_mimes) {
    $existing_mimes['webp'] = 'image/webp';
    return $existing_mimes;
}
add_filter('mime_types', 'webp_upload_mimes');
//** * webp gorselleri kutuphaneden gorebilmek icin gereken kodlar.*/
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);

Bu sayede wordpress sitesinde .webp uzantılı dosyalar eklenebilir ve görüntülenebilir.

Normal resim uzantılarını ise "ezgif.com/webp-maker" adresinden manuel şekilde dönüştürüyorum.

Önemli not: Yeni sürüm Chrome ve Safari'de herhangi bir sorun yok. Fakat eski sürüm Safari desteklemiyor. Internet Explorer ise denemedim. Bunu yeni fark ettim ve siteyi eski haline almaya karar verdim. Çünkü tüm reklam bannerlarını bile .webp yapmıştım.