Mengoptimalkan gambar untuk website sangat penting untuk meningkatkan kecepatan loading halaman. Salah satu cara terbaik adalah menggunakan format WEBP, yang memiliki ukuran lebih kecil dibandingkan JPEG atau PNG tanpa kehilangan kualitas. Artikel ini akan membahas cara menginstal ImageMagick dan menggunakannya untuk mengonversi gambar ke format WEBP tanpa biaya alias gratis.
1. Instalasi ImageMagick
Untuk Ubuntu/Debian
sudo apt update && sudo apt install imagemagick -y
Untuk CentOS/RHEL
sudo yum install epel-release -y
sudo yum install ImageMagick -y
Untuk macOS (Menggunakan Homebrew)
brew install imagemagick
Pastikan ImageMagick sudah terinstal dengan menjalankan perintah berikut:
convert --version
2. Konversi Gambar JPEG/PNG ke WebP
Untuk mengonversi satu file gambar, gunakan perintah berikut:
convert input.jpg output.webp
Untuk mengonversi semua file JPG, JPEG, dan PNG dalam satu folder ke format WEBP, gunakan perintah ini, tapi pastikan dulu cli anda berada pada direktory yang akan di konversi:
find . -type f \( -iname "*.jpg" -o -iname "*.jpeg" -o -iname "*.png" \) -exec sh -c '
for img; do
webp_file="${img%.*}.webp"
if [ ! -f "$webp_file" ]; then
echo "Converting: $img -> $webp_file"
convert "$img" "$webp_file" && echo "Success: $webp_file" || echo "Failed: $img"
else
echo "Skipping (already exists): $webp_file"
fi
done
' sh {} +
Perintah di atas akan:
- Mencari semua file JPG, JPEG, dan PNG di dalam folder.
- Mengonversi setiap file menjadi WEBP.
- Melewati file yang sudah memiliki versi WEBP untuk menghemat waktu.
3. Mengupdate Nama File di Database
Jika Anda menyimpan referensi gambar di database dan ingin mengganti ekstensi .jpg, .jpeg, .png menjadi .webp, jalankan perintah SQL berikut:
UPDATE sma_products
SET image =
CASE
WHEN image LIKE '%.jpg' THEN REPLACE(image, '.jpg', '.webp')
WHEN image LIKE '%.jpeg' THEN REPLACE(image, '.jpeg', '.webp')
WHEN image LIKE '%.png' THEN REPLACE(image, '.png', '.webp')
ELSE image
END
WHERE image LIKE '%.jpg'
OR image LIKE '%.jpeg'
OR image LIKE '%.png';
Ganti sma_product dengan nama tabel database dan SET “image” dengan kolom gambar di db.
4. Kesimpulan
Mengonversi gambar ke format WEBP dapat menghemat ruang penyimpanan dan meningkatkan performa website. Dengan menggunakan ImageMagick, Anda dapat dengan mudah mengonversi gambar dalam jumlah banyak sekaligus.
Jika Anda mengalami kendala dalam proses instalasi atau konversi, pastikan ImageMagick telah diinstal dengan benar atau cek log error yang muncul di terminal.
✅ Tips: Jika website Anda menggunakan Apache/Nginx, pastikan server mendukung format WEBP agar gambar dapat ditampilkan dengan baik di browser!
🚀 Selamat mencoba!