Mulailah dengan mencocokkan garis dasar dan mengubah file dari adegan, tata letak, area pandang, atau alur kerja ekspor yang sama.
Panduan pemeriksa perbedaan gambar
Cara Menggunakan Pemeriksa Perbedaan Gambar
Tinjauan tingkat piksel untuk tangkapan layar, ekspor kompresi, pengeditan produk, dan perubahan visual kecil yang memerlukan metrik perbedaan lokal.
Jalankan Diff sorotan untuk deteksi area yang diubah, lalu konfirmasikan hasilnya dalam tampilan Penggeser, berdampingan, atau Tumpuk.
Gunakan ambang batas, perubahan piksel, RMSE, dan PSNR sebagai sinyal tinjauan. Keputusan terakhir masih datang dari hasil yang terlihat.
Tinjauan piksel untuk area yang diubah secara tepat
Pemeriksa perbedaan gambar menemukan perbedaan antara dua gambar terkait. Ini cocok dengan pemeriksaan tangkapan layar UI, tinjauan retouch produk, tinjauan ekspor kompresi, dan perubahan visual kecil yang mudah dilewatkan di penggeser.
Alat ini membandingkan piksel yang didekodekan oleh browser pada kanvas bersama. Sebuah piksel dihitung sebagai berubah setelah delta saluran merah, hijau, biru, atau alfa terbesar melampaui ambang batas yang dipilih.
Alur kerja
Urutan tinjauan yang berbeda
Muat gambar dasar terlebih dahulu
Gunakan tangkapan layar asli, tangkapan layar sebelumnya, atau ekspor referensi sebagai gambar dasar. Garis dasar yang jelas membuat perubahan jumlah piksel lebih mudah dikenali.
Muat gambar yang diubah kedua
Gunakan tangkapan layar baru, foto yang diedit, gambar yang dioptimalkan, atau varian yang diekspor sebagai gambar yang diubah. Dimensi yang tidak cocok memerlukan pemeriksaan keselarasan sebelum peninjauan metrik.
Jalankan Sorotan Diff
Diff sorotan menandai area yang berubah dan mengisi kartu metrik. Tampilan penggeser, berdampingan, dan tumpuk membantu memeriksa hasil sorotan dalam konteks visual.
Sesuaikan ambang batas dengan sengaja
Ambang batas yang lebih rendah menangkap perubahan halus. Ambang batas yang lebih tinggi mengabaikan noise kompresi, pergeseran pencahayaan kecil, dan anti-aliasing. Perbarui perbedaan setelah mengubah ambang batas.
Ambang batas
Cara memilih ambang perbedaan piksel
Ambang batas menetapkan batas perbedaan saluran untuk piksel yang diubah. Tidak ada nilai terbaik yang universal; cocokkan nilainya dengan tugas peninjauan.
8
Pemeriksaan UI yang ketat
Coba 8 untuk perubahan tangkapan layar kecil yang dapat ditangkap dengan jelas.
Label tombol diubah dari Simpan menjadi Terapkan.
Ikon bergerak sedikit, batas tipis menghilang, atau spasi teks berubah.
Nilai ini juga dapat menangkap noise rendering kecil di sekitar teks dan tepian.
18
Detail foto yang bagus
Coba 18 untuk pengeditan gambar yang hanya terlihat setelah dilihat lebih dekat.
Bayangan produk menjadi lebih lembut, retouch wajah menghilangkan bekas kecil, atau tekstur kain berubah.
Sebuah foto terlihat hampir sama, namun sorotan, pantulan, atau tambalan warna telah diedit.
Bagus untuk pemeriksaan dekat.
32
Standar yang seimbang
Mulailah dengan 32 untuk perbandingan terbanyak.
Tangkapan layar laman landas berisi teks dan foto.
Gambar produk telah diekspor lagi, atau pratinjau dari alat lain memerlukan pemeriksaan cepat.
Pindah lebih rendah untuk pemeriksaan yang lebih ketat, lebih tinggi untuk file yang lebih berisik.
64
Perubahan besar yang terlihat
Cobalah 64 untuk fokus pada perubahan yang nyata.
Latar belakang diganti, posisi objek berubah, pemotongan diubah, atau perubahan warna yang kuat muncul.
Ekspor JPEG atau WebP memiliki sedikit noise, namun peninjauan hanya peduli pada perubahan yang cepat diketahui orang.
Teks kecil, ikon halus, dan batas garis rambut mungkin tidak lagi menonjol.
Metrik
Cara membaca metrik perbedaan gambar
Piksel yang diubah
Jumlah piksel kanvas yang sebanding di atas ambang batas saat ini. Nilainya sangat bergantung pada ambang batas dan penyelarasan.
Persen piksel diubah
Piksel yang diubah dibagi dengan semua piksel yang sebanding. Ini membantu membandingkan dua proses dengan ukuran gambar atau area pemotongan yang berbeda.
Berarti delta RGB
Perbedaan saluran RGB absolut rata-rata. Pergeseran warna atau kecerahan yang luas dapat terlihat di sini bahkan dengan persentase area perubahan yang kecil.
RMSE
Kesalahan RGB kuadrat rata-rata akar. Perbedaan lokal yang lebih besar mempengaruhi RMSE lebih kuat dibandingkan perbedaan kecil yang tersebar.
PSNR
Rasio signal-to-noise puncak. PSNR yang lebih tinggi biasanya berarti gambar lebih dekat dalam sinyal RGB; PSNR yang lebih rendah berarti kesalahan yang lebih terlihat atau terukur.
Kesalahan umum
Hasil berbeda yang perlu dilihat kedua kali
Gambarnya sedikit bergeser
Pergeseran 1 piksel dapat menerangi banyak area, meskipun gambarnya terlihat hampir sama. Buka Tumpuk dan periksa apakah tepi utamanya sejajar.
Ukuran gambar tidak cocok
Lebar atau tinggi yang berbeda membuat perbandingannya kurang langsung. Gunakan tampilan visual untuk menemukan perubahan yang terlihat, lalu pangkas atau ekspor ukuran yang cocok untuk metrik yang lebih jelas.
Suara kompresi muncul
Ekspor JPEG dan WebP sering kali menambahkan bintik-bintik kecil pada warna dan tepi datar. Naikkan ambang batas jika pemeriksaan berkaitan dengan hasil edit yang terlihat.
Tepi teks berubah selama rendering
Font, ikon, dan tepi vektor dapat ditempatkan pada piksel yang sedikit berbeda setelah browser, font, atau ekspor berubah. Gunakan ambang batas rendah untuk QA tangkapan layar, lalu konfirmasikan area yang disorot dengan mata.
Kasus penggunaan
Tinjau tugas untuk panduan ini
Tinjauan regresi tangkapan layar UI
Perbandingan kualitas kompresi gambar
Review retouch foto produk
Pemeriksaan edit sebelum dan sesudah
Perbedaan tata letak atau ekspor kecil
Coba
Buka alat setelah membaca panduannya
Muat gambar garis dasar dan gambar yang diubah, jalankan Diff sorotan, lalu sesuaikan ambang batas hingga area yang disorot cocok dengan tugas tinjauan.
FAQ
Gunakan Pemeriksa Perbedaan Gambar
Ambang batas apa yang harus saya gunakan dalam pemeriksa perbedaan gambar?
Mulailah dengan 32 untuk tinjauan umum. Gunakan 8 untuk pemeriksaan ketat tangkapan layar dengan ukuran yang sama, 18 untuk detail foto yang halus, dan 64 untuk perubahan yang terlihat lebih besar.
Apa yang menyebabkan banyak piksel berubah pada gambar serupa?
Pergeseran penyelarasan kecil, anti-aliasing, noise kompresi, perbedaan profil warna, dan perubahan pencahayaan kecil semuanya dapat dihitung sebagai piksel yang berubah. Gunakan tampilan Hamparan dan penyesuaian ambang batas untuk memahami hasilnya.
Apakah RMSE dan PSNR lebih baik daripada persentase piksel yang diubah?
Mereka menjawab pertanyaan yang berbeda. Persen piksel yang diubah menunjukkan berapa banyak area yang melewati ambang batas, sementara RMSE dan PSNR merangkum kesalahan RGB di seluruh kanvas yang sebanding.
Apakah data gambar saya aman?
Ya. Pratinjau gambar dan perbandingan piksel dijalankan secara lokal di browser Anda. Perbedaannya tidak memerlukan unggahan server, sehingga data gambar Anda tetap berada dalam sesi browser aktif.