JPG, PNG, WebP, atau AVIF?

Sebelum membandingkan format, ketahui pemisahan yang menggerakkan semua format. Format lossless menyimpan setiap pixel dengan tepat dan dapat dibuka kembali dan disimpan ulang selamanya tanpa degradasi — PNG adalah yang utama. Format lossy membuang informasi yang kemungkinan tidak akan diperhatikan mata, menukar sedikit kualitas untuk file yang jauh lebih kecil — JPG, WebP, dan AVIF semuanya melakukan ini. Tidak ada format "terbaik" tunggal karena pilihan yang tepat tergantung pada apakah gambar Anda adalah fotografi, logo, atau tangkapan layar, dan seberapa banyak Anda menghargai ukuran versus kompatibilitas.

JPG (atau JPEG) adalah veteran. Itu dibangun untuk fotografi dan menggunakan kompresi lossy yang disetel untuk gradien halus gambar dunia nyata. Tidak ada transparansi dan kompresinya dapat meninggalkan artefak blocky di sekitar tepi tajam dan teks, itulah mengapa ia salah untuk logo dan tangkapan layar. Superkekuatan adalah dukungan universal: setiap perangkat, editor, dan situs web menerima JPG.

PNG adalah pilihan lossless. Ini mempertahankan setiap pixel dan mendukung transparansi penuh, menjadikannya standar untuk grafis dengan tepi keras, teks, tangkapan layar UI, dan apa pun dengan latar belakang tembus pandang. Biayanya adalah ukuran file: fotografi PNG sering beberapa kali lebih besar dari foto yang sama sebagai JPG, jadi PNG adalah pilihan yang buruk untuk konten fotografi di web.

WebP, dari Google, adalah generalist modern all-in-one. Ini menawarkan mode lossy dan lossless plus transparansi dan animasi, dan pada kualitas serupa itu menghasilkan file kira-kira 25-35% lebih kecil dari JPG dan sering kali jauh lebih kecil dari PNG. Setiap browser saat ini mendukungnya, yang menjadikannya default praktis untuk situs web yang cepat hari ini.

AVIF adalah yang terbaru dari keempat, berdasarkan teknologi codec video modern. Biasanya mencapai file terkecil dari semua — sering mengalahkan WebP dengan margin lebar pada foto — dan mendukung transparansi, warna lebar, dan rentang dinamis tinggi. Dukungan sekarang luas tetapi tidak sepenuhnya universal, jadi situs biasanya melayani AVIF dengan fallback WebP atau JPG untuk beberapa klien yang lebih lama.

Halaman web yang dioptimalkan dengan baik jarang menggunakan satu format untuk semuanya. Fotografi keluar sebagai WebP atau AVIF untuk kecepatan, dengan fallback JPG. Logo, ikon, dan apa pun dengan transparansi tetap sebagai PNG — atau lebih baik, sebagai SVG jika itu seni vektor — karena format lossy akan mengaburkan tepi tajam mereka. Tangkapan layar teks terlihat terbaik sebagai PNG karena alasan yang sama.

Jika Anda tidak yakin apakah switch itu layak, konversi satu gambar perwakilan dan bandingkan ukuran file dan tampilannya pada zoom penuh. Penurunan ukuran dari JPG ke WebP atau AVIF sering kali dramatis tanpa kehilangan kualitas yang terlihat, yang merupakan kemenangan yang persis membuat halaman memuat lebih cepat. Ketika kompatibilitas penting lebih dari byte — lampiran email, sistem lama, percetakan — kembali ke JPG atau PNG, dua format yang bekerja di mana-mana.