JPG, PNG, WebP, dan AVIF: Cara Memilih Format Gambar
Bandingkan JPG, PNG, WebP, dan AVIF dari kualitas, ukuran, transparansi, serta kompatibilitas, lalu periksa hasil konversi gambar secara lokal.
Konversi gambar terlihat seperti sekadar mengganti ekstensi file. Padahal, pilihan format memengaruhi ukuran file, transparansi, detail visual, dan kemampuan penerima membuka hasilnya.
Mulailah dari tujuan penggunaan dan kebutuhan latar transparan, lalu tentukan perubahan kualitas yang masih dapat diterima. Format paling baru tidak selalu menjadi pilihan utama.
Kegunaan masing-masing format
| Format | Ciri utama | Penggunaan umum | Yang perlu diperiksa |
|---|---|---|---|
| JPG | Kompatibilitas luas, cocok untuk foto | Penyerahan foto, ilustrasi dokumen, unggahan platform | Tidak mendukung transparansi; pengodean lossy dapat mengurangi detail |
| PNG | Transparansi dan kompresi lossless | Logo, tangkapan layar antarmuka, gambar teks, aset transparan | Foto kompleks dapat menghasilkan file besar |
| WebP | Transparansi serta kompresi lossy dan lossless | Gambar situs, grafis transparan, aset ringan | Pastikan platform atau perangkat lunak penerima mendukungnya |
| AVIF | Kompresi efisien dan transparansi | Gambar web yang perlu berukuran kecil | Periksa dukungan pengodean, ekspor, dan penerima secara terpisah |
Tabel ini adalah titik awal. Gambar yang sama dapat menghasilkan kualitas dan ukuran berbeda menurut format serta pengaturannya.
Utamakan kompatibilitas untuk foto dan transparansi untuk potongan objek
Jika penerima tidak menetapkan format tertentu, JPG umumnya praktis untuk menyerahkan foto. Format ini sesuai untuk warna yang kaya dan gradasi tonal, serta dikenali perangkat lunak umum.
JPG tidak mempertahankan transparansi. Mengubah PNG transparan menjadi JPG berarti mengisi area transparan dengan warna. Perubahan ini penting untuk logo, objek tanpa latar, dan aset yang akan ditempatkan di berbagai latar.
Untuk mempertahankan transparansi, pertimbangkan PNG atau keluaran WebP dan AVIF yang didukung penerima. Periksa hasil di atas latar terang dan gelap untuk melihat apakah ada garis warna di tepinya.
Konversi gambar DocCrunch menyediakan JPG, PNG, WebP, dan AVIF, serta pengaturan warna pengisi latar untuk JPG. Memastikan penggunaan sebelum konversi lebih mudah daripada memperbaiki hasil setelahnya.
Lossless tidak mengembalikan detail yang sudah hilang
PNG mendukung kompresi lossless, tetapi mengubah JPG buram menjadi PNG tidak membuatnya tajam kembali.
Lossless menjelaskan cara mempertahankan informasi yang sudah ada saat pengodean. Informasi yang hilang sebelumnya tidak dipulihkan. Blok kompresi, tepi buram, dan huruf rusak biasanya tetap tersimpan, bahkan bisa dalam file yang lebih besar.
Mengodekan ulang JPG sebagai JPG berulang kali juga dapat menambah kerusakan kompresi. Simpan sumber asli dan buat versi akhir darinya bila memungkinkan, bukan terus mengonversi salinan yang sudah dikompres.
File besar belum tentu perlu format lain
Ukuran file dan dimensi piksel adalah dua hal berbeda.
Foto 4000×3000 piksel tetap berdimensi 4000×3000 jika hanya formatnya yang diubah. Jika platform mensyaratkan lebar dan tinggi tertentu, konversi format saja tidak cukup.
Tentukan batasan yang sebenarnya:
- Format tidak diterima: konversi format.
- Lebar atau tinggi melebihi batas: gunakan ubah ukuran gambar.
- Proporsi atau komposisi tidak sesuai: sesuaikan dengan potong gambar.
- Dimensi sudah sesuai tetapi file terlalu besar: coba kompres gambar.
Operasi tersebut bisa digabungkan, tetapi tidak semuanya diperlukan untuk setiap gambar. Menghindari konversi yang tidak perlu juga mengurangi pemeriksaan berulang.
Bandingkan WebP dan AVIF tanpa mewajibkannya
WebP dan AVIF layak diuji untuk gambar situs. Keduanya dapat mempertahankan kualitas visual yang memadai dalam file lebih kecil, tetapi manfaatnya bergantung pada isi gambar dan pengodean.
Bandingkan pada dimensi piksel yang sama dan periksa file hasil ekspor. Angka “kualitas 80%” tidak berarti kualitas visual yang setara pada setiap format.
Perhatikan tulisan kecil, batas produk, gradasi seperti langit, dan tepi aset transparan. Jika detail penting rusak, naikkan kualitas atau pilih format lain.
Dukungan menampilkan gambar berbeda dari dukungan mengekspornya. Browser yang membuka AVIF belum tentu dapat mengodekan AVIF. DocCrunch bergantung pada kemampuan encoder browser; jika suatu keluaran tidak didukung, pilih yang tersedia dan pastikan penerima juga kompatibel.
Periksa hasil konversi lokal
DocCrunch mengonversi gambar di browser tanpa mengunggah sumber ke server pemrosesan. Untuk aset yang belum dipublikasikan atau file klien, ini menghindari satu transfer tambahan.
Pemrosesan lokal tidak menjamin hasil cocok untuk semua tujuan. Cetak, pengelolaan warna profesional, dan penyimpanan jangka panjang memiliki persyaratan sendiri. RAW serta informasi penyuntingan kompleks memerlukan alat yang sesuai.
Untuk penyerahan biasa, simpan sumber, buat salinan sesuai kebutuhan penerima, lalu periksa format, dimensi, ukuran file, dan transparansi setelah mengunduh.
Format yang tepat belum tentu paling kecil. Yang penting, penerima dapat memakainya dan detail utama tetap utuh.
Alat DocCrunch yang direkomendasikan
Alat ini berjalan secara lokal di browser bila memungkinkan, sehingga file tidak perlu diunggah ke server.