Format Atlas

Panduan

Memilih format kompresi dan animasi gambar web

Bedakan foto, transparansi, animasi, dan kompatibilitas. Bandingkan file nyata di tujuan, bukan menganggap ukuran dan kualitas dari nama format.

Format mana yang sebaiknya dipilih?

Pilih berdasarkan peran setiap berkas dalam alur kerja.

  • Distribusi foto yang luas → JPEG
  • Gambar diam transparan → PNG
  • Distribusi web teroptimasi → WebP atau AVIF
  • Animasi singkat lossless dan transparan → APNG
  • Evaluasi kompresi jika JPEG XL didukung → JPEG XL

Pastikan kompatibilitas lebih dulu

Dukungan format baru bervariasi pada browser, aplikasi, CDN, dan konverter. Tentukan lingkungan tujuan dan uji gambar cadangan sebelum memakai format.

Pisahkan animasi dari video

APNG, GIF, dan WebP animasi cocok untuk loop singkat atau efek antarmuka. Konten panjang atau beraudio memerlukan kontainer dan codec video.

Format yang disarankan

JPEG

Cocok untuk: Foto yang membutuhkan dukungan luas

Kurang cocok untuk: Ilustrasi yang memerlukan transparansi

PNG

Cocok untuk: Gambar diam transparan dan ilustrasi

Kurang cocok untuk: Mengurangi ukuran foto

WebP

Cocok untuk: Mengoptimalkan gambar web

Kurang cocok untuk: Pemakaian wajib tanpa memeriksa dukungan

AVIF

Cocok untuk: Distribusi web dengan dukungan AVIF terkonfirmasi

Kurang cocok untuk: Distribusi tanpa syarat ke lingkungan lama

APNG

Cocok untuk: Animasi transparan singkat

Kurang cocok untuk: Distribusi video panjang

JPEG XL

Cocok untuk: Mengevaluasi gambar jika JPEG XL didukung

Kurang cocok untuk: Distribusi umum tanpa pemeriksaan kompatibilitas

Periksa sebelum mengekspor

  • Setelan enkode, isi gambar, dan ukuran tampilan memengaruhi ukuran file dan kualitas visual.
  • Periksa browser tujuan dan gambar cadangan sebelum memakai format baru.

Perbandingan terkait

JPEG vs PNGJPEG biasanya memakai kompresi lossy dan cocok untuk banyak foto, sedangkan PNG mempertahankan nilai piksel tanpa kehilangan serta mendukung transparansi. Pilihan bergantung pada isi gambar, kebutuhan penyuntingan, dan tujuan penggunaan.JPEG vs WebPJPEG didukung luas untuk foto, sedangkan WebP mendukung kompresi lossy maupun lossless serta transparansi. Hasil distribusi web bergantung pada gambar sumber, pengaturan encoder, dan browser sasaran.JPEG XL vs AVIFJPEG XL dan AVIF adalah format pengodean gambar berbeda dengan fitur dan dukungan implementasi yang tidak sama. Pilihan praktis bergantung pada browser, aplikasi, encoder, dan jalur distribusi, bukan hanya kemampuan yang diklaim.JPEG XL vs WebPJPEG XL dan WebP adalah format gambar berbeda dengan fitur dan dukungan browser serta alat yang berlainan. WebP telah digunakan dalam banyak alur web; JPEG XL baru layak dipertimbangkan setelah dukungan klien dan seluruh jalur distribusi dipastikan.GIF vs APNGGIF dan APNG sama-sama dapat memuat beberapa bingkai. GIF dikenal luas untuk loop sederhana; APNG memperluas PNG dengan animasi, bingkai lossless, dan transparansi. Bandingkan dukungan dan ukuran berkas sebenarnya.APNG vs WebPAPNG dan WebP mendukung animasi serta transparansi. APNG memperluas PNG dengan animasi lossless; WebP menawarkan pengodean lossy dan lossless untuk web.

Panduan

Memilih format gambar webTentukan jenis gambar dan browser serta alat yang harus mendukungnya sebelum memilih format web.Memilih format file fotoUntuk foto, pilihan bergantung pada prioritas berbagi, ukuran file web, atau kebutuhan produksi dan penyuntingan.Memilih format gambar transparanUntuk transparansi, tentukan apakah perlu opasitas sebagian, detail foto, atau gambar vektor yang bisa diperbesar; periksa dukungan tujuan.Memilih format animasiGunakan GIF atau WebP/AVIF animasi untuk loop singkat. Pertimbangkan video jika perlu durasi lebih panjang, audio, atau kontrol; uji file nyata di lingkungan tujuan.

Referensi dan spesifikasi