Kebanyakan orang tidak menyadari bahwa animasi pendek yang disematkan dalam bentuk animasi GIF di situs web favorit mereka disertai dengan performa besar, baterai, ukuran file, dan hukuman bandwidth.
GIF animasi mengerikan untuk kinerja web: mereka biasanya file 12x lebih besar dari video H.264 dan mengambil 2x energi untuk memuat dan ditampilkan di browser. Dan karena palet 256-warna remeh, mereka terbatas dalam kisaran warna dan tidak terlihat sangat bagus secara keseluruhan.
Itu karena GIF, yang merupakan akronim untuk Graphics Interchange Format, "tidak dimaksudkan sebagai platform untuk animasi" walaupun itu dapat dilakukan secara terbatas, menurut kata-kata dari spesifikasi GIF89a asli.
Untungnya, tampaknya browser Safari Apple dapat membantu mengakhiri praktik penggunaan GIF sebagai format default web untuk video, meme, dan animasi bentuk mikro.
Itu karena Safari Technology Preview, versi khusus Safari bagi para pengembang untuk menguji teknologi web yang akan datang dalam macOS dan iOS, dalam pembaruan terbarunya memungkinkan pengembang web untuk menyematkan format video seperti MP4 dalam tag "img" HTML.
Colin Bendell sekarang telah mendemonstrasikan (melalui John Gruber dari Daring Fireball) manfaat utama dari kemampuan baru yang keren ini di Safari Technology Preview untuk Mac: menyematkan file video .MP4 yang sebenarnya dalam tag "img" menghasilkan rendering 20x lebih cepat dan 7x lebih cepat decoding versus mitra GIF-nya, selain menjadi seperempat ukuran file.
Bukti A: artikel sumber dari Colin, yang menyematkan beberapa GIF animasi untuk tujuan ilustrasi, adalah 46 MB di Chrome. Halaman web yang sama hanya 2 MB di Safari Technology Preview dengan GIF dikonversi menjadi MP4 dan digunakan dengan tag "img".
“Sekarang, video bentuk mikro kami dapat berukuran kecil dan efisien (seperti MP4) dan dapat dengan mudah dimuat, diputar secara otomatis, dan dibagikan (seperti teman lama kami, GIF),” Colin merangkumnya dengan baik.
Manfaat lain dari pendekatan ini termasuk kemampuan untuk dengan mudah menyimpan atau berbagi animasi seperti itu, membuat animasi hemat-ruang dalam 4K dengan menggunakan HEIC (codec H.265) dan banyak lagi.
Tabel di bawah ini mengilustrasikan jenis penghematan ukuran byte yang berhasil dicapai oleh Colin hanya dengan mentranskode 100 file GIF animasi yang paling populer dari giphy.com dan kemudian mengonversinya menjadi H.264, H.265, VP8, VP8 dan WebP format video.
Pendekatan ini bukannya tanpa pangsa jebakan potensial karena, pada saat ini, membungkus animasi MP4 di dalam tag "img" sering memperkenalkan sejumlah masalah rumit yang memerlukan banyak pekerjaan manual pada bagian pengembang untuk memastikan kompatibilitas di masa depan.
Karena itu, jika Anda ingin menguji sendiri fitur baru ini, Anda harus mengunduh Safari Technology Preview dari Apple. Safari Technology Preview dapat hidup berdampingan dengan versi komersial Safari yang sudah diinstal di komputer Anda.
Saya harap ini tidak akan memakan waktu bertahun-tahun untuk fitur baru ini masuk ke situs web dan blog.
Apakah Anda suka atau benci GIF animasi sebagai format pilihan web untuk animasi pendek?
Berbunyi dalam komentar!
