Cara Bikin Script Image AVIF Gambar Ringan, SEO Friendly

Pernah gak sih ngerasa website kamu loadingnya lama banget gara-gara gambar yang ukurannya segede gaban? Jujur, itu bikin pengunjung bete dan kabur. Nah, solusinya adalah pake format AVIF.

Di artikel kali ini, aku mau bagiin cara rahasia buat bikin script otomatis yang bisa nge-resize, kasih watermark, sampe ngerapiin metadata gambar kamu cuma pake satu baris perintah. Yuk, simak!

Kenapa Harus Pake Format AVIF?

Mungkin kamu udah akrab sama JPEG atau WebP. Tapi tau gak? AVIF itu jauh lebih sakti. Dia bisa nge-compress gambar sampe 50% lebih kecil dari JPEG tapi kualitasnya tetep bening banget.

Kalo gambar di blog kamu enteng, skor Core Web Vitals kamu bakal ijo, dan Google bakal lebih gampang naruh artikel kamu di halaman pertama. Jadi, ini investasi SEO yang wajib banget kamu coba.

Persiapan Alat Sebelum Eksekusi

Sebelum kita masuk ke bagian seru alias coding, pastiin laptop atau server kamu udah punya senjata yang lengkap ya. Kalau kamu tipikal yang suka ngulik, kamu bisa coba setup web server android buat wordpress biar makin fleksibel aksesnya dari mana aja.

Gak perlu khawatir, cara install-nya gampang banget kok! Berikut ini tools yang wajib kamu punya:

Buat kamu yang pake Ubuntu atau Debian, tinggal buka terminal terus copas perintah sakti ini aja:

sudo apt update && sudo apt upgrade
sudo apt install imagemagick libavif-bin libimage-exiftool-perl

Script Image Engine Resize + Watermark + AVIF

Nah, ini dia bagian yang ditunggu-tunggu! Kita bakal gabungin semua tools tadi jadi satu script Bash yang praktis. Simpan kode di bawah ini dengan nama lia-tools.sh atau ganti nama sesuai yang kamu suka ya.

#!/bin/bash
# Skrip Modifikasi Liaviora: Resize + Watermark + AVIF

INPUT=$1
WIDTH=${2:-1024}
HEIGHT=$WIDTH
OUTPUT="${INPUT%.*}.avif"

if [ -z "$INPUT" ]; then
    echo "Cara pakai: ./lia-tools.sh namafile.jpg [ukuran]"
    exit 1
fi

echo "✨ Lagi proses $INPUT nih, tunggu bentar ya..."

# 1. Resize Stretch + Tambah Watermark Teks di pojok kanan bawah
convert "$INPUT" -resize "${WIDTH}x${HEIGHT}!" \
    -gravity SouthEast -pointsize 25 -fill white \
    -annotate +20+20 "Liaviora x ikymomo" tmp.png

# 2. Konversi ke AVIF biar sizenya tipis banget
avifenc --jobs 2 --speed 6 -q 60 --qalpha 60 tmp.png "$OUTPUT"

# 3. Injeksi Metadata biar SEO makin mantul
exiftool -Artist="Liaviora" \
         -Copyright="© 2026 ikymomo.com" \
         -Software="Lia-momo Image Engine" \
         -Creator="Liaviora" \
         -overwrite_original "$OUTPUT"

# 4. Beresin file sisa
rm tmp.png

echo "✅ Berhasil! Cek file: $OUTPUT"

Cara Simpan Script Biar Bisa Dipanggil dari Mana Aja

Biar kamu gak ribet harus buka folder script setiap kali mau convert gambar, mendingan kita simpan script-nya di folder sistem. Jadi, kamu tinggal ketik namanya di folder mana pun, script-nya langsung jalan!

Atau kalau mau lebih simpel, kamu bisa simpan aja di folder home kamu, terus tinggal jalanin pake perintah ./ aja pas mau pake.

Cara Custom Script Sesuai Brand Kamu

Script di atas fleksibel banget kok buat kamu utak-atik sendiri biar makin personal:

Tips Tambahan Biar SEO Makin Oke

Gak cuma pake script keren, ada beberapa trik rahasia nih biar gambar yang kamu upload bener-bener disukai sama mesin pencari:

Yuk, Cobain Sekarang!

Gak perlu nunggu nanti buat bikin blog kamu makin ngebut. Langsung aja eksekusi script-nya dan liat sendiri bedanya! Dengan gambar yang enteng dan SEO yang mantul, peluang blog kamu buat dapet banyak pengunjung bakal makin terbuka lebar.

Tapi inget ya, selain optimasi gambar, jangan lupa buat selalu jaga data kamu dengan backup otomatis biar semua hasil kerja keras kamu di server tetep aman kalau ada kendala teknis.

Kalau kamu nemu kendala pas lagi instalasi atau ada ide fitur tambahan buat script ini, jangan ragu buat tulis di kolom komentar bawah ya! Aku seneng banget bisa diskusi bareng kamu.

Jangan lupa juga buat share artikel ini ke temen-temen sesama blogger atau developer biar mereka gak pusing lagi sama urusan gambar yang kegedean. Sampai ketemu di tips seru berikutnya!