Format Atlas

Panduan

Memilih format animasi

Gunakan GIF atau WebP/AVIF animasi untuk loop singkat. Pertimbangkan video jika perlu durasi lebih panjang, audio, atau kontrol; uji file nyata di lingkungan tujuan.

Format mana yang sebaiknya dipilih?

Pilih berdasarkan peran setiap berkas dalam alur kerja.

  • Loop singkat dengan kompatibilitas luas → GIF
  • Animasi web transparan → WebP
  • Bandingkan ukuran dan kualitas saat AVIF didukung → AVIF
  • Video panjang, audio, atau kontrol pemutaran → MP4

Tentukan apakah ini loop gambar atau video

GIF, WebP, dan AVIF dapat menyimpan rangkaian gambar singkat. Untuk durasi panjang, audio, posisi pemutaran, atau kontrol pengguna, pertimbangkan MP4 atau format video lain.

Periksa transparansi dan dukungan distribusi

Transparansi GIF terbatas. Untuk WebP atau AVIF animasi, pastikan dukungan browser, CMS, dan konverter lalu bandingkan file dengan dimensi, jumlah bingkai, dan setelan yang direncanakan.

Format yang disarankan

GIF

Cocok untuk: Loop sederhana dan singkat saat kompatibilitas penting

Kurang cocok untuk: Gerakan panjang dengan banyak warna

WebP

Cocok untuk: Gambar animasi transparan untuk web

Kurang cocok untuk: Distribusi tanpa memeriksa dukungan

AVIF

Cocok untuk: Optimasi animasi di lingkungan yang mendukung AVIF

Kurang cocok untuk: Alur kerja tanpa dukungan pembuatan dan tampilan yang terkonfirmasi

MP4

Cocok untuk: Video panjang dengan audio atau kontrol

Kurang cocok untuk: Loop gambar sederhana dan singkat

Periksa sebelum mengekspor

  • Konversi ke GIF dapat mengubah warna dan transparansi parsial.
  • Periksa sumber, pengulangan, dan laju bingkai sebelum konversi.
  • Putar otomatis dan ukuran bergantung pada implementasi serta lingkungan pengguna.

Perbandingan terkait

AVIF vs JPEGAVIF adalah opsi lebih baru untuk mengoptimalkan gambar web dan dapat mendukung transparansi. JPEG merupakan format lossy yang kompatibel luas untuk distribusi foto. Pilih berdasarkan pengujian dan dukungan audiens.PNG vs WebPPNG dan WebP sama-sama dapat mendukung transparansi. PNG adalah format lossless yang didukung luas; WebP dapat mengoptimalkan pengiriman web dan juga mendukung animasi. Bandingkan aset nyata dan browser sasaran.AVIF vs WebPAVIF dan WebP sama-sama ditujukan untuk gambar web serta mendukung opsi lossy, lossless, dan transparansi. Bandingkan kualitas, ukuran, kecepatan enkode, dan dukungan dengan gambar yang sama; menyajikan beberapa format juga dapat sesuai.MP4 vs WebMMP4 dan WebM adalah wadah audio dan video, bukan satu codec tertentu. MP4 banyak digunakan di berbagai perangkat dan layanan; WebM adalah subset berbasis Matroska yang terkait dengan distribusi web. Ukuran dan kualitas bergantung pada aliran yang dikodekan, pengaturan, dan lingkungan pemutaran.

Panduan

Memilih format gambar webTentukan jenis gambar dan browser serta alat yang harus mendukungnya sebelum memilih format web.Memilih format gambar transparanUntuk transparansi, tentukan apakah perlu opasitas sebagian, detail foto, atau gambar vektor yang bisa diperbesar; periksa dukungan tujuan.Memilih format distribusi videoPilih kontainer dan codec di dalamnya sesuai tujuan pemutaran dan alur produksi.

Referensi dan spesifikasi