Cara Menampilkan Gambar WebP di WordPress
Format WebP adalah format gambar terbaru yang diprakarsai google. Format gambar webp dapat mengkompresi gambar dengan tingkat kompresi yang baik, bahkan lebih baik dari jpg dengan ukuran dan resolusi yang sama, sehingga format webp cocok dipakaisebagai format gambar di website ataupun blog, yang dapat membuat website akan semakin ringan dan membuat kecepatan membuka website jauh lebih cepat.
Di WordPress, dukungan untuk format WebP belum ada secara default, tetapi dapat ditambahkan. Jika anda mencoba mengupload gambar dengan format webp di WordPress media, gambar tersebut tidak akan diterima, tidak akan ter-upload. Solusinya adalah dengan menambahkan dukungan untuk format webp.
Cara menambahkan dukungan format webp di WordPress adalah dengan menambahkan kode berikut ini di 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');
Setelah anda menambahkan kode diatas, anda akan bisa mengupload gambar webp ke media setelah anda me-refresh halaman. Tapi tunggu dulu, masih ada kode kedua. Karena kode diatas hanya bagian upload saja, belum previewnya.
Untuk menambahkan dukungan preview agar media library menampilkan thumbnail gambar, tambahkan kode berikut ini:
//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);
Nah, setelah anda menyimpan dan merefresh halaman, WordPress anda sudah bisa menampilkan thumbnail preview dari gambar webp yang anda upload mulai saat ini.
Untuk gambar yang sudah diupload sebelum kode ditambahkan, anda bisa menggunakan plugin untuk mengkonversinya ke format webp. Pluginnya bisa anda cari di repository plugin wordpress.
Lalu bagaimana cara membuat gambar webp? Ikuti tulisan saya di situs linux.or.id ini – Cara Membuat Gambar WebP Menggunakan Gimp.
