Mengatasi tidak bisa upload file WebP WordPress

Sebagai informasi, image WebP sangat direkomendasikan untuk meningkatan kinerja website agar loading ringan karena ukuran gambarnya lebih kecil dibanding format PNG ataupun JPG.

Tetapi, script WordPress atau web hosting biasanya membatasi tipe file untuk diupload. Sebagai contoh file gambar dengan format WebP. Kalau mencoba upload image tipe WebP maka akan tampil Error “Sorry, this file type is not permitted for security reasons.”. Dan berikut dua solusinya:

Cara pertama

Untuk mengatasi error tidak bisa upload file dengan format WebP, tambahkan kode berikut ke dalam file functions.php pada theme yang aktif.

function idnetter_webp_upload($mime_type){
	$mime_type['webp'] = 'image/webp';
	return $mime_type;
}
add_filter( 'mime_types', 'idnetter_webp_upload' );

Ini sudah saya coba pada WordPress terbaru dan hasilnya bekerja dengan baik tanpa kendala apapun. Tapi jika memakai WordPress versi lama dan tidak berhasil, silahkan coba kombinasikan dengan cara yang kedua di bawah ini.

Cara kedua

Kalian juga bisa menambahkan kode di bawah ini pada filewp-config.php

define( 'ALLOW_UNFILTERED_UPLOADS', true );

Perlu diingat, kalau memakai cara kedua ini saja, mungkin akan terdapat kendala seperti ini:

1. Upload hanya bisa melalui Media > Add new
2. Gambar tidak tampil untuk post thumbnail dan  single post

Catatan

Pada file gambar dengan format WebP tidak bisa ditampilkan pada post karena WordPress tidak mampu mendeteksi ukuran (width dan height) pada meta WebP, jadi pada tag <img akan digenerate dengan ukuran 1 contohnya:

<img width="1" height="1" src="https://idnetter.com/../img.webp">

Jadi kita perlu custom script PHP untuk mendeteksi mime type dengan kondisi jika terdeteksi .webp maka link image akan diarahkan ke original size wp-content/uploads/2020/09/gambar.webp, jika bukan .webp maka link image akan diarahkan ke ukuran gambar, thumbnail, medium atau large.

Tapi untuk saat ini masih dalam percobaan, mungkin pada kesempatan selanjutnya, akan saya share bagaimana cara mengakali image WebP agar bisa tampil untuk thumbnail maupun single post tanpa plugin. Karena saya tahu plugin-plugin convert image maupun manipulasi image kadang sangat menjengkelkan.

Selesai.

Nah semoga bermanfaat, silahkan mencoba kawan.