Cara Membuat Animated WebP dari Video dengan FFmpeg

Animated WebP adalah format gambar animasi terbaru ciptaan Google yang diperkirakan akan menggantikan GIF di masa depan. Mengapa demikian? Hal ini karena format gambar GIF memiliki kelemahan yang cukup fatal, yaitu ukuran filesize nya yang amat besar dan kerapatan warna nya yang hanya bisa 256 warna. Maklum, hal ini karena GIF merupakan teknologi lawas yang diciptakan lebih dari 28 tahun yang lalu.

Kelemahan GIF

Oleh karena ukurannya yang amat besar, GIF sangat rakus memori RAM. Hal ini karena animasi mewajibkan gambar GIF disimpan ke dalam memori RAM. Alhasil jika kita mengunjungi website yang penuh sesak dengan animasi GIF, maka smartphone kita bisa hang karena kehabisan memori RAM. Bahkan pada desktop/laptop CPU usage juga bisa naik drastis semata-mata hanya untuk merender gambar animasi. Kelemahan ini lah yang dicoba diatasi oleh Google.

Kerapatan Warna dan Kompresi

Pada artikel sebelumnya, kita dapat membuat gambar animasi GIF dari video dengan FFmpeg. Kelebihan dari teknik yang diterapkan pada artikel tersebut adalah meskipun kerapatan warna GIF hanya bisa 256 warna, warna yang muncul bisa menyerupai warna video aslinya karena melalui proses adaptasi warna atau yang disebut sebagai dithering. Setelah itu barulah dikompres dengan teknik kompresi lossless LZW.

Walaupun GIF sudah memakai teknik dithering, adakalanya kita masih kurang puas karena warna yang muncul tidak lah seindah warna aslinya. Selain itu teknik kompresi lossless yang dipakai ternyata masih kurang mampu menekan ukuran filesize lebih kecil lagi. Terlebih GIF memiliki sejarah buruk dengan pemaksaan paten kompresi LZW pada tahun 90an, yaitu memaksa pengguna untuk membayar 5000 – 7500 USD jika ingin menggunakan GIF.

Format Gambar Animasi Terbaru

Oleh karena kelemahan GIF itu lah beberapa developer mulai menciptakan format gambar animasi yang baru dengan kerapatan warna yang lebih tinggi dan kemampuan kompresi lossless dan lossy.

Saat ini sudah ada beberapa format gambar animasi, namun dari semuanya yang paling populer adalah Animated WebP, Animated PNG, dan Animated BPG.

Pada artikel ini kami akan membahas bagaimana caranya membuat Animated WebP menggunakan FFmpeg.

Cara Install FFmpeg di Windows

Download program FFmpeg (pilih yang static), extract file ffmpeg.exe, ffplay.exe, dan ffprobe.exe yang ada di folder Bin ke C:\Windows

Cara Install FFmpeg di Linux

sudo apt-get install ffmpeg

atau

sudo apt-get install libav-tools

 Cara Install FFmpeg di Mac OS X

Kunjungi dan download FFmpeg dari situs FFmpeg Binary for Mac

Cara Membuat Gambar Animated WebP dari Video dengan FFmpeg

1. Buka Command Prompt (Windows) / Terminal (Linux/Mac OS X)

2. Masukkan perintah:

ffmpeg -i video.mp4 -vf scale=480:-1 -qscale 68 -r 12 -loop 0 -y output.webp

atau jika ingin menggunakan crop (menghilangkan black bar atas dan bawah):

ffmpeg -i video.mp4 -vf crop=1280:532:0:92,scale=480:-1 -qscale 68 -r 12 -loop 0 -y output.webp

Keterangan:

-i video.mp4 : nama video inputnya, bisa AVI, MP4, WEBM, WMV, FLV, dst

-vf scale=480:-1 : resize gambar, kami sarankan antara 320 ~ 480

-vf crop=1280:532:0:92,scale=480:-1 : crop gambar = lebar:tinggi:koordinat-x:koordinat-y lalu di resize

-qscale 68 : kualitas kompressi lossy WebP, kami sarankan antara 50 ~ 68

-r 12 : rate, jumlah gambar per detik alias fps, kami sarankan antara 5 ~ 15

-loop 0 : perintah untuk terus mengulang tanpa henti, -loop 1 untuk dua kali putar

output.webp : nama file WebP

Jika kamu merasa filesize output WebP terlalu besar, maka kamu bisa mengurangi nilai r (rate) atau scale sampai ketemu filesize yang kamu anggap pas.

Berikut adalah contoh hasil dari video ke Animated WebP menggunakan FFmpeg:

MM-FR

Ukuran file gambar ini adalah 1 MB, jika menggunakan GIF maka ukurannya membengkak jadi 6 MB.

Leave a Reply

Your email address will not be published. Required fields are marked *