Gambar & foto · Konverter & Kompresor Gambar
Subsampling Chroma: mengapa JPEG mengaburkan teks merah dan garis tipis berwarna
· Cara kerjanya
format gambar jpeg kualitas gambar
JPEG dan WebP yang hilang menyimpan warna pada resolusi yang lebih rendah daripada kecerahan, yang tidak terlihat di foto dan terlihat jelas pada teks berwarna merah. Postingan ini menjelaskan subsampling 4:2:0, alasan pembuat enkode melakukannya, dan cara memilih format ketika tepi warna penting.
Label merah yang terlihat kabur sementara teks hitam tetap tajam — gejala yang menunjukkan subsampling kroma
Label merah dapat tampak lebih lembut dibandingkan teks gelap di sebelahnya meskipun keduanya dimulai sebagai vektor tajam di tangkapan layar. Gejala tersebut patut diselidiki, tetapi gejala tersebut tidak dengan sendirinya mengidentifikasi mode subsampling kroma yang tepat. ToolAcre mendekode sumber, menarik piksel ke kanvas dan meminta browser untuk JPEG atau WebP byte; keunggulan yang dihasilkan adalah bukti, sedangkan keputusan pribadi pembuat enkode tidak.
Mulailah dengan gambar terkontrol yang berisi guratan sempit berwarna merah, biru, abu-abu, dan hitam pada satu latar belakang. Pertahankan dimensinya tidak berubah, ekspor setiap target satu kali dan periksa unduhan pada ukuran piksel asli. Jika hanya output lossy yang mengaburkan batas jenuh, pilihan format akan terlibat. Jika setiap keluaran lunak, pertama-tama periksa apakah terjadi pengubahan ukuran, karena rencana mengklasifikasikan perubahan dimensi sebagai pengambilan sampel ulang.
Luma dan kroma: membagi piksel menjadi kecerahan dan warna — transformasi YCbCr dan alasan pembuat enkode memisahkan keduanya
Garis besarnya menjelaskan transformasi luma dan kroma, namun tidak ada kode transformasi yang muncul di repositori ini. Aplikasi ini memasok RGBA piksel yang didekodekan ke encoder browser dan tidak pernah menerima kecerahan atau bidang warna terpisah. Oleh karena itu, ia dapat mendokumentasikan perbedaan praktis—keluaran yang hilang mungkin menghilangkan detail yang terlihat—tanpa berpura-pura mengungkapkan penghitungan koefisien browser atau representasi warna internal.
Batasan tersebut mengubah cara penulisan laporan kerusakan. Catat jenis MIME sumber, jenis target MIME, kualitas, dimensi asli dan keluaran, browser, dan potongan yang menunjukkan tepi yang terpengaruh. Jangan nyatakan bahwa saluran tertentu telah dibelah dua kecuali pemeriksaan pembuat enkode membuktikannya. Pengamatan yang tepat dapat direproduksi; penjelasan yang dipinjam tentang pengaturan implementasi tersembunyi dapat mengarahkan pengelola ke kontrol yang tidak mereka miliki.
Hilangnya detail warna dapat diamati, namun repositori ini tidak mengimplementasikan atau mengekspos transformasi YCbCr
Label 4:4:4, 4:2:2 dan 4:2:0 yang familiar bukan merupakan kontrol dalam antarmuka ini. `encodeCanvas` hanya meneruskan jenis MIME dan, untuk JPEG atau WebP, nilai kualitas yang dinormalisasi. Baik panel maupun rencana konversi tidak membawa bidang subsampling. Bagian yang menyajikan mode-mode tersebut sebagai dapat dipilih akan bertentangan dengan produk yang dikirimkan, jadi pelajaran yang berguna adalah tidak adanya pilihan tersebut.
Jika ketelitian tepi warna merupakan persyaratan, pilih jalur yang hasilnya dapat Anda periksa daripada mengambil mode dari penggeser. PNG adalah pembuat enkode lossless yang tersedia dan mempertahankan alfa saat dimensi tetap. Output JPEG dan ToolAcre WebP secara eksplisit digambarkan sebagai lossy pada setiap kualitas. Perbedaan yang didukung sumber tersebut cukup untuk memilih kandidat diagram yang lebih aman tanpa menerbitkan matriks dukungan yang tidak didukung.
Encoder browser tidak memperlihatkan pemilih 4:4:4, 4:2:2 atau 4:2:0
Foto mendistribusikan detail di seluruh tekstur, pencahayaan, dan batas tidak beraturan, sehingga perubahan kecil pada tepi warna tidak terlalu mencolok dibandingkan dengan aturan antarmuka satu piksel. Ini adalah heuristik inspeksi, bukan klaim bahwa penglihatan manusia mengikuti rasio yang dikodekan dalam ToolAcre. Aplikasi tidak menghitung kesamaan persepsi, mengklasifikasikan konten, atau menyatakan bahwa kerusakan tidak akan terlihat oleh pemirsa.
Gunakan materi yang representatif. Potret saja merupakan ujian yang buruk untuk sistem desain yang penuh dengan tipe berwarna, dan bagan sintetis saja merupakan proksi yang buruk untuk perpustakaan foto. Konverter melaporkan ukuran byte yang diukur dan menawarkan pratinjau sebelum dan sesudah untuk hasil pertama, namun penerimaan harus mencakup pembukaan file dalam tata letak sebenarnya. Penskalaan pratinjau dapat menyembunyikan kerusakan batas yang sedang ditinjau.
Foto mungkin menyembunyikan kehilangan tepi warna lebih baik dibandingkan gambar; tidak ada model visi yang ditegaskan di sini
Grafik memusatkan makna dalam transisi sulit: garis bawah peringatan merah, jaringan biru dalam bagan, atau teks berwarna di atas putih. Ketika sampel tetangga dicampur atau dibulatkan selama pengkodean lossy, tepinya dapat tampak luntur meskipun lokasinya tidak berubah. Mengubah ukuran menambahkan mekanisme lain karena `drawImage` menggambar ulang sumber dengan penghalusan tinggi sebelum pengkodean.
Pisahkan mekanisme tersebut dengan menjaga dimensi tetap konstan untuk perbandingan pertama. Jika PNG tetap renyah sementara JPEG dan WebP melunak, tahap pengkodean lossy adalah pembedanya. Selanjutnya ulangi dengan perubahan ukuran yang disengaja untuk mempelajari apa yang ditambahkan oleh pengambilan sampel ulang. Eksperimen dua langkah ini lebih kuat daripada mengubah kualitas, dimensi, dan format secara bersamaan, karena hanya satu keputusan yang diambil dalam setiap putaran.
Apa yang dapat Anda kendalikan oleh encoder browser — angka kualitas tetapi tidak ada tombol subsampling, dan mengapa WebP lossy selalu 4:2:0
ToolAcre memberikan browser nomor kualitas yang dijepit dari 0.01 hingga 1 untuk JPEG dan WebP. Ia tidak menawarkan peralihan untuk pengambilan sampel warna, tabel transformasi, atau upaya encoder. Klaim buku kerja bahwa WebP yang lossy selalu merupakan salah satu mode subsampling bernama berada di luar implementasi yang diperiksa, jadi artikel ini sengaja tidak mengulanginya sebagai jaminan produk.
Respons praktis terhadap pilihan pembuat enkode tersembunyi adalah dengan tidak mencari kotak centang yang tidak berdokumen. Bandingkan keluaran sebenarnya, pertahankan sumbernya, dan pilih PNG ketika tepi berwarna tepat lebih penting daripada file yang lebih kecil. Jika jalur produksi memerlukan mode pengambilan sampel tertentu, gunakan pembuat enkode yang API terdokumentasinya memaparkannya; kenyamanan kanvas API tidak dapat memenuhi kontrak yang tidak pernah diterimanya.
Alat ini hanya melewati kualitas; kebijakan subsampling pembuat enkode tetap tersembunyi
Buat bagan pengujian 1200-by-800 dengan diagonal tipis berwarna merah dan biru, label gelap, gradien netral halus, dan satu sudut transparan. Ekspor tanpa mengubah ukurannya menjadi PNG, JPEG dan WebP. Repositori tidak dapat memprediksi total byte atau artefak pastinya, jadi tuliskan hasil pengukuran yang ditunjukkan oleh panel alih-alih memasukkan persentase yang dijanjikan ke dalam rencana pengujian.
Pada 100 persen, bandingkan goresan berwarna dengan kontrol gelap dan periksa apakah sudut transparannya masih ada. PNG harus mempertahankan alfa melalui encoder lossless yang didukung; JPEG menerima matte yang dipilih karena tidak dapat menyimpan alfa; WebP mempertahankan alfa tetapi masih ditandai sebagai lossy. Ketiga hasil yang terlihat ini menguji sifat-sifat yang berbeda dan menghindari memperlakukan “lebih kecil” sebagai sinonim untuk “lebih baik.”
Kesimpulan: pilih format berdasarkan konten — bagaimana Konverter & Kompresor Gambar memungkinkan Anda mengekspor gambar yang sama seperti PNG ketika tepi warna harus tetap tajam
Pilihan format tidak dapat menjamin bagaimana setiap aplikasi hilir akan menampilkan warna, memperbesar gambar, atau menskalakannya untuk ditampilkan. ToolAcre juga tidak memaparkan metadata subsampling dari keluarannya atau memberikan metrik perbedaan piksel. Kelalaian tersebut berarti pemeriksaan terakhir berada di halaman target, dokumen, atau aplikasi, bukan hanya di dalam panel konversi.
Untuk teks jenuh dan aturan berwarna sempit, mulailah dengan kandidat lossless dan justifikasi setiap penggantian lossy dengan inspeksi langsung. Konverter & Kompresor Gambar membuat perbandingan tersebut dapat diulang pada satu perangkat: sumber yang sama, dimensi tetap, tiga format keluaran, dan byte terukur. Hasilnya—bukan nomor penggeser bersama atau dugaan mode subsampling—yang harus menentukan apa yang dikirimkan.