Audit artefak kompresi 2025 — Apa yang dilihat, kapan memburuk, dan cara menghindari
Diterbitkan: 20 Sep 2025 · Waktu baca: 3 mnt · Redaksi Unified Image Tools
Kompresi menukar ukuran dengan kualitas. Panduan ini memformalkan cara melihat regresi dengan cepat dan menjaga kualitas.
Kami fokus pada tampilan “cepat dinilai”: perbedaan format, rutinitas pemeriksaan, pola artefak umum, dan mitigasi. Termasuk checklist singkat untuk fase desain/produksi/pengiriman/QA.
Artefak kunci dan tempat melihat
- Blocking (grid makroblok): jelas di JPEG kualitas rendah; periksa langit/ kulit
- Ringing (halo): di sekitar tepi kuat; periksa logo/teks/garis
- Banding (tangga pada gradien): terutama langit/ latar belakang blur
- Kebocoran warna/warna pinggiran (chroma fringing): garis merah/biru tipis; periksa batas warna
- Mosquito noise: riak di sekitar detail; periksa rambut/tekstur
Referensi: Metrik kualitas gambar SSIM/PSNR/Butteraugli — Panduan 2025
Tips observasi (kurangi miss)
- Zoom 200–300% dan bergantian antara area datar dan tepi (artefak lebih cepat terlihat)
- Selalu bandingkan dengan asli menggunakan slider horizontal
- Jangan menilai pada satu frame: verifikasi setidaknya 3 pola “berisiko” (kulit/langit/kayu/garis halus)
- Bandingkan ukuran file yang sama antar format untuk mengungkap kekuatan/kelemahan masing‑masing kodek
Kondisi yang memperburuk artefak
- Kompresi berlebih setelah banyak konversi (re‑encoding)
- Bitrate rendah + tekstur frekuensi tinggi (rumput, rambut, kain)
- Penajaman berlebihan
- Subsampling 4:2:0 pada garis merah/biru tipis
- Penanganan ruang warna buruk (perubahan gamut/gamma yang tak diinginkan)
Kecenderungan per format
- JPEG: blocking/ringing paling terlihat; kulit/langit cepat kotor pada kualitas rendah
- WebP (lossy): bocor chroma pada teks sangat tipis; tepi warna bisa smear pada saturasi tinggi
- AVIF: terbaik pada ukuran sama untuk foto; pada bitrate sangat rendah, area kontras bisa “smudge”
Alur praktis (cek cepat)
- Mulai di Kompresor gambar untuk tetapkan lebar maks dan “quality”
- Bandingkan melawan asli di Penggeser perbandingan dan jalankan cek di atas
- Jika perlu, coba varian subsampling dan ruang warna di Converter lanjutan
Ambang heuristik (kisaran)
- UI teks/diagram (line art prioritas): untuk JPEG/WebP, jaga kualitas menengah‑tinggi dan bandingkan AVIF di ukuran sama; coba 4:4:4 jika ada fringing
- Fotografi (kulit/langit): utamakan AVIF; jika halo, kurangi penajaman dan izinkan sedikit noise
- Visual hero: target 200–400KB; pilih kandidat dengan mismatch perseptual hampir nol vs asli
Mitigasi
- Hindari re‑kompresi: ekspor sekali dari sumber kualitas tertinggi
- Tinjau subsampling: 4:4:4 untuk teks/garis; 4:2:0 untuk foto (default)
- Tambahkan noise ringan: mengurangi banding pada gradien yang rawan posterisasi
- Tetapkan lebar maks realistis: input terlalu besar mengundang beban kompresi dan artefak
Titik mulai CLI
JPEG (gaya cjpeg)
cjpeg -quality 82 -sample 1x1 -optimize -progressive -outfile out.jpg in.png
cjpeg -quality 78 -sample 2x2 -optimize -progressive -outfile out.jpg in.png
WebP (cwebp)
cwebp -q 82 -m 6 -alpha_q 90 -mt -o out.webp in.png
cwebp -q 72 -m 4 -mt -o out.webp in.jpg
AVIF (avifenc)
avifenc --speed 6 --min 20 --max 35 --cq-level 28 -a tune=psnr -o out.avif in.png
avifenc --speed 6 --min 18 --max 32 --cq-level 26 --yuv 444 -o out.avif in.png
Catatan: ambang sesungguhnya bervariasi menurut aset. Keputusan akhir harus berdasarkan perbandingan perseptual vs asli.
Checklist QA
- [ ] Tidak ada block/banding di latar datar
- [ ] Tidak ada halo/bleed di sekitar teks/logo
- [ ] Tidak ada mosquito noise pada pola halus
- [ ] Ruang warna/gamut sesuai maksud (sRGB/P3)
- [ ] Dalam anggaran ukuran dengan ambang per‑use yang jelas
Audit 5 menit
- Siapkan asli dan 2–3 kandidat (format × kualitas × ukuran)
- Bandingkan di 200%: datar → tepi → garis halus → kulit → gradien
- Pilih yang paling minim keberatan; jika terlalu besar, sesuaikan dan cek ulang
- Periksa ulang pada reps 1x/2x/3x untuk final
FAQ
- T: Apakah SSIM/PSNR cukup? J: Membantu, tetapi tidak menggantikan persepsi. Halo/banding bisa berselisih dengan metrik.
- T: WebP vs AVIF? J: AVIF cenderung unggul pada foto; WebP bisa lebih baik untuk UI/line art dan kecepatan.
Ringkasan
Definisikan “apa yang dilihat,” dan Anda dapat menjamin kualitas dengan cepat. Gunakan perbandingan dan lebih sedikit re‑kompresi untuk menghindari artefak yang menumpuk.
Artikel terkait
Optimasi PNG 2025 — Palet dan Kompresi Lossless
Alur kerja praktis untuk mengecilkan PNG sambil menjaga transparansi dan tepi tajam: paletisasi, menghapus chunk berlebih, dan kompresi lossless akhir.
Strategi Kompresi Gambar Ultimat 2025 – Panduan praktis menjaga kualitas sambil memaksimalkan kecepatan
Panduan menyeluruh berbasis praktik lapangan untuk kompresi dan distribusi gambar: pemilihan format, penyesuaian kualitas, workflow responsif, otomatisasi Build/CDN, dan diagnosis masalah demi Core Web Vitals stabil.