Anda pernah mendapatkan pesan error “Sorry, this file type is not permitted for security reasons” ketika Anda mencoba mengupload file gambar ber ekstensi .webp di website WordPress Anda. yap secara default WordPress memang tidak mengijinkan beberapa ekstensi file gambar saja seperti jpg, jpeg, jpe, gif, png, bmp, tiff, tif, dan ico saja sementara webp tidak termasuk sehingga tidak bisa diupload.

Apa itu WebP?

Webp adalah format gambar baru yang dikeluarkan dan direkomendasikan oleh Google sebagai format yang cocok dengan untuk kebutuhan website. Format baru yang dirilis pada septembar 2010 ini diklaim mampu mengurangi atau meredusi ukuran gambar hingga 25% dibandingkan format JPG ataupun PNG.

Dengan kemampuan tersebut dapat dipastikan kecepatan load website juga akan meningkat drastis karena beban load berkurang 25%. Selain itu Webp juga mendukung gambar bergerak/animasi selayaknya gambar berformat Gif, yang menjadikan webp sebagat format gambar khusus website.

Kekurangan WebP

Selain kelebihan dari webp yang mengiurkan, mulai redusi ukuran gambar hingga 25% hingga mampu digunakan sebagai gambar bergerak, ternyata webp masih memiliki kekurangan dan kekurangan satu-satunya dari webp adalah masih ada browser dan device yang belum support atau mendukung ekstensi gambar Webp ini.

Satu-satunya alasan kenapa masih ada browser dan device yang belum support adalah karena format webp masih terbilang baru, sehingga teknologi lama masih belum menyediakan dukungan atas format baru tersebut.

 

WordPress Sudah Mendukung WebP?

Sejujurnya ini bukan masalah mendukung atau tidak mendukung, tapi WordPress memang belum menyertakan ekstensi webp di dalam daftar mime types untuk gambar sehingga ketika Anda mencoba mengupload gambar berekstensi webp secara otomatis akan ditolak oleh sistem.

Meski begitu, bukan berarti kita tidak bisa meng-upload dan menggunakan gambar berformat webp di WordPress dan inilah salah satu kelebihan dari WordPress, WordPress memberikan kita keleluasaan untuk mengubah konfigurasi WordPress dan di artikel ini kita akan membahas cara mengupload image WebP di WordPress.

Cara Mengupload File WebP di WordPress

Untuk mengupload file gambar dengan format WebP kita perlu menambah daftar gambar yang diijinkan oleh WordPress, caranya adalah menambahkan kode berikut ini di file functions.php yang berada di Appearance > Editor > functions.php

//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);

letakkan kode tersebut dibaris paling bawah.

Tips! Untuk keamanan theme sebaiknya Anda Membuat Child Theme WordPress agar perbahan yang Anda lakukan tidak hilang ketika ada update di theme.

Di Atas terdapat 2 perintah  yang bisa Anda baca di awal penulisan kode, seperti “//enable upload for webp image files.” yang merupakan perintah untuk menambahkan ekstensi WebP dan “//enable preview / thumbnail for webp image files.” Menampilkan preview  gambar dengan format WebP setelah diupload.

Demikian Cara Mengupload Gambar WebP di WordPress, jika Anda mengalami masalah Anda dapat meninggalkan komentar Anda dikolom komentar yang sudah disediakan. Sekian dan Selamat mencoba.