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:
- Upload hanya bisa melalui Media > Add new
- 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://www.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.