UltKit

Konversi GIF ke AVIF

AVIF animasi diputar seperti GIF di tag gambar, tetapi dikompres dengan codec video AV1, sehingga pengulangan yang sama hanya memakan sebagian kecil byte di halaman web.

Konverter Video

atau jatuhkan file MP4, MOV, MKV … di sini ·

Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit

Keluaran

File diproses di server kami dan dihapus setelah 30 menit.

Cara menggunakan alat ini

  1. 1

    Tambahkan GIF Anda

    Unggah hingga 20 GIF animasi, masing-masing 95 MB. Klip MP4 atau WebM pendek juga bisa langsung diubah menjadi AVIF animasi.

  2. 2

    Atur lebarnya

    Keluaran animasi dimulai dengan Lebar 480 px. Masukkan lebar asli GIF di Pengaturan lanjutan jika Anda tidak ingin ukurannya diubah; Pengulangan tetap pada Ulangi terus.

  3. 3

    Konversi ke AVIF

    Tekan Konversi ke AVIF dan unduh file .avif, siap dipasang di elemen picture situs Anda.

Mengapa mengonversi GIF ke AVIF untuk situs web

GIF menyimpan setiap frame sebagai gambar 256 warna yang terpisah. Demo produk atau rekaman layar berdurasi beberapa detik bisa berbobot beberapa megabyte, dan di halaman landing, satu gambar itu sering lebih berat daripada seluruh kodenya. Audit Lighthouse dari Google punya pemeriksaan khusus, "Gunakan format video untuk konten animasi", yang ditujukan tepat untuk file semacam ini.

AVIF diresmikan oleh Alliance for Open Media pada 2019 sebagai format gambar diam yang dibangun di atas codec video AV1, di dalam kontainer HEIF. AVIF animasi adalah urutan gambar AV1: frame berikutnya diprediksi dari frame sebelumnya, persis seperti pada file video, sehingga hanya perubahan antarframe yang memakan bit.

GIF vs AVIF animasi: apa yang ditambahkan format ini

from ↓ · to →Lebih dari 256 warna per frameTepi alfa yang halusFrame dengan prediksi gerakanWarna 10-bitTerbuka di semua penampil gambar
GIF– GIF to Lebih dari 256 warna per frame: no– GIF to Tepi alfa yang halus: no– GIF to Frame dengan prediksi gerakan: no– GIF to Warna 10-bit: noGIF to Terbuka di semua penampil gambar: yes
AVIF animasiAVIF animasi to Lebih dari 256 warna per frame: yesAVIF animasi to Tepi alfa yang halus: yesAVIF animasi to Frame dengan prediksi gerakan: yesAVIF animasi to Warna 10-bit: yes– AVIF animasi to Terbuka di semua penampil gambar: no
supported not offeredKemampuan format sesuai spesifikasi. Dukungan AVIF animasi di penampil gambar desktop dan aplikasi chat masih belum merata.

GIF

Graphics Interchange Format

GIF diperkenalkan oleh CompuServe pada 1987 dan masih menjadi format yang paling luas didukung untuk animasi pendek yang berulang. Format ini lossless (tanpa kehilangan kualitas), tetapi terbatas pada palet 256 warna per frame, sehingga foto dan gradien memperlihatkan banding dan dithering. GIF hanya mendukung transparansi aktif/nonaktif (1-bit), yang meninggalkan tepi bergerigi pada bentuk melengkung. GIF animasi sering kali jauh lebih besar daripada klip yang sama dalam MP4 atau WebP. Semua browser, aplikasi obrolan, dan platform sosial dapat memutar GIF.

Kompresi
Lossless
Transparansi
Ya
Animasi
Ya
Diperkenalkan
1987 · CompuServe
Konverter GIF

AVIF

Format gambar AV1 (AVIF)

AVIF menyimpan gambar diam dan rangkaian gambar yang dikompresi dengan codec video AV1, dan difinalisasi oleh Alliance for Open Media pada 2019. Format ini biasanya menghasilkan file yang lebih kecil daripada JPEG maupun WebP pada kualitas visual yang sama, serta mendukung transparansi, animasi, gamut warna luas, dan HDR. Proses encoding lebih lambat dibanding format lama, dan tekstur yang sangat halus dapat terlihat diperhalus pada pengaturan kualitas rendah. Semua browser utama kini menampilkan AVIF, tetapi banyak aplikasi desktop, platform sosial, dan perangkat lama tidak dapat membukanya.

Kompresi
Lossy atau lossless
Transparansi
Ya
Animasi
Ya
Diperkenalkan
2019 · Alliance for Open Media
Konverter AVIF

GIF diubah menjadi AVIF ketika pemilik situs ingin memangkas bobot halaman: animasi hero, demo produk, dan panduan UI tetap diputar otomatis seperti tag gambar biasa, sementara jumlah byte turun tajam dan gradasi bertingkat 256 warna hilang.

Kapan AVIF animasi menjadi pengganti yang tepat

AVIF cocok untuk

  • Animasi hero dan fitur di situs web Anda sendiri
  • Demo UI produk dengan gradasi dan bayangan
  • Halaman yang dinilai dari waktu muat dan Core Web Vitals
  • Animasi yang memerlukan tepi transparan yang lembut

Tetap pakai GIF untuk

  • Newsletter email dan tanda tangan email
  • Forum dan aplikasi chat yang hanya menampilkan pratinjau GIF
  • Unggahan ke instalasi CMS lama
  • Penerima yang akan menyunting frame-nya nanti

Menyajikan AVIF animasi dengan cadangan

Chrome, Edge, Firefox, dan Safari versi terbaru semuanya memutar AVIF animasi; Firefox yang terakhir menambahkan animasi, di versi 113. Menerbitkannya di dalam elemen picture dengan GIF sebagai cadangan tidak memakan biaya apa pun dan melindungi browser lama. Pengodean AVIF lebih lambat daripada menulis GIF, jadi klip panjang akan butuh waktu konversi yang jauh lebih lama dibandingkan WebP.

Jika pengulangan itu akan dikirim ke aplikasi chat, bukan ke situs Anda sendiri, file video lebih aman: GIF ke MP4 bisa diputar di mana saja. Panduan AVIF, HEIC, dan WebP membandingkan ketiga format gambar modern itu secara rinci.

Tanya jawab konversi GIF ke AVIF

Apakah AVIF animasi berulang seperti GIF?

Ya. Opsi Pengulangan diatur ke Ulangi terus, dan browser mengulang urutan gambar AVIF persis seperti GIF di dalam tag img, tanpa kontrol dan tanpa suara. Pilih Putar sekali untuk animasi pembuka yang harus berhenti di frame terakhir.

Mengapa AVIF hasil konversi GIF hanya menampilkan frame pertama?

Penampilnya memahami AVIF diam tetapi tidak memahami urutan gambar AVIF. Penampil gambar lama dan Firefox sebelum versi 113, yang dirilis pada 2023, berperilaku seperti ini. Buka file di Chrome, Edge, Firefox, atau Safari versi terbaru untuk memeriksa animasinya.

Apakah AVIF mempertahankan latar transparan GIF saya?

Format AVIF mendukung kanal alfa penuh, sehingga bisa menyimpan transparansi jauh lebih baik daripada piksel hidup-mati milik GIF. Periksa hasilnya di latar berwarna atau kotak-kotak sebelum dipublikasikan, karena warna matte yang tertanam dari GIF asli tetap terlihat.

Bisakah saya mengunggah AVIF animasi ke WordPress?

WordPress 6.5, yang dirilis pada 2024, menambahkan AVIF ke pustaka media, asalkan pustaka gambar di server mendukungnya. Instalasi lama menolak unggahan tersebut; dalam hal itu, tetap gunakan GIF atau pakai GIF ke WebP, yang diterima WordPress sejak versi 5.8.

Bagaimana cara menampilkan AVIF dengan cadangan GIF?

Bungkus keduanya dalam elemen picture: tag source dengan type image/avif yang mengarah ke AVIF, lalu tag img dengan GIF. Browser yang bisa mendekode AVIF mengambil file kecil, dan yang lain beralih ke GIF tanpa gambar rusak.