Cara Mengatasi The web server cannot generate responsive image sizes for this image

Jika kamu menggunakan WordPress dan baru saja melakukan update versi PHP ke versi 8.3 sesuai dengan rekomendasi, dan mendapatkan pesan error The web server cannot generate responsive image sizes for this image ketika upload gambar webp, kemungkinan kamu mengubah versi PHP dengan cara yang kurang tepat.

Tapi tenang, dalam tutorial ini kita akan membantu kamu dalam mengatasi permasalahan ini. Tapi sebelum itu, pastikan kamu mendapatkan pesan error yang sama, dimana pesan error yang didapatkan ketika upload gambar webp akan seperti ini

1The web server cannot generate responsive image sizes for this image. Convert it to JPEG or PNG before uploading.

Jika sudah dipastikan kamu mendapatkan error yang sama, maka kamu bisa mengikuti lanngkah langkah berikut ini

Cara Mengatasi The web server cannot generate responsive image sizes for this image

Error ini bisa terjadi karena di WordPress tidak mendeteksi adanya ekstensi GD atau Image Magic di wordpress, sehingga pratinjau gambar tidak dapat dibuat, sehingga kamu perlu memeriksa Media Handling yang digunakan di WordPress dulu

Periksa Media Handling WordPress

Kamu bisa memeriksa media handling dari menu Tools > Site Health > Info > Media Handling. Jika hasilnya seperti gambar dibawah ini, maka WordPress menggunakan media handling default dan hanya bisa memproses gambar dengan format JPEG atau PNG

Setelah mengetahui penyebabnya, sekarang kamu bisa melakukan perbaikan dengan beberapa metode.

Opsi 1: Perbaikan Melalui MultiPHP Manager

Jika kamu menggunakan MultiPHP Manager di cPanel dan tidak ada opsi PHP Selector, maka kamu bisa melakukan perbaikan dari MultiPHP Manager dengan beberapa langkah:

1. Buka Halaman MultiPHP

Dari dashboard WordPress, buka halaman MultiPHP Manager yang bisa kamu cari dengan mudah dari kolom pencarian

2. Pilih Nama Domain

Sekarang, pilih nama domain yang kamu gunakan, misalnya wpgan.my.id

3. Ubah Versi PHP

Pilih versi PHP dari list PHP yang tersedia dan pastikan kamu menggunakan veri ea, bukan versi alt. Misalnya kamu bisa menggunakan ea-php83, kemudian klik tombol Apply

4. Periksa Media Handling dan Coba Upload File

Setelah mengubah versi PHP, pastikan dihalaman media handling sudah ada daftar format file yang bisa diupload ke website, terutama file webp. Jika ekstensi tersebut sudah ada di list, berarti kamu sudah bisa upload file webp ke wordpress

Opsi 2: Perbaikan Melalui PHP Selector

Jika kamu lebih memilih menggunakan PHP Selector, maka kamu bisa mengikuti langkah-langkah berikut ini:

1. Buka Halaman PHP Selector

Ketika sudah login cpanel, kamu bisa membuka halaman PHP Selector dengan mencari halaman Select PHP Version dari kolom pencarian cpanel

2. Pastikan Domain Menggunakan PHP Selector

Pastikan domain kamu sudah menggunakan PHP Selector yang bisa ditandai dengan tidak adanya tombol Use PHP Selector dan juga ada icon lingkaran. Jika kamu masih menemukan tombol Use PHP Selector, klik saja tombol tersebut

3. Aktifkan Ekstensi GD

Setelah memastikan domain menggunakan PHP Selector, sekarang kamu bisa membuka tab Extensions dan pastikan ekstensi GD sudah dicentang. Jika belum dicentang, kamu bisa mencentangnya

4. Aktifkan Ekstensi Imagic (Opsional)

Untuk dukungan ekstensi file yang lebih banyak, kamu bisa juga mengaktifkan ekstensi Imagic dari halaman Extensions

5. Periksa Media Handling dan Coba Upload File Webp

Sekarang kamu bisa memeriksa kembali media handling yang ada di WordPress dan jika kamu mengaktifkan ekstensi Imagic, maka akan ada banyak ekstensi yang didukung untuk diupload ke wordpress

Jika sudah dipastikan bahwa ekstensi webp atau ekstensi lain seperti avif sudah ada di list, maka seharusnya kamu sudah bisa upload media tersebut tanpa kendala.