0

Pemeriksa Perbedaan Gambar

Unggah dua gambar dan lihat perbedaan visual dengan akurasi piksel di antara keduanya, dengan perbandingan persepsi YIQ dan penyorotan anti-aliasing — 100% lokal di browser Anda.

🅰️

Seret & Jatuhkan Gambar Di Sini

Mendukung PNG, JPG, WebP

🅱️

Seret & Jatuhkan Gambar Di Sini

Mendukung PNG, JPG, WebP

85

Sensitivitas yang lebih tinggi menandai perbedaan piksel yang lebih kecil; sensitivitas yang lebih rendah mengabaikan noise warna kecil dan artefak kompresi.

Buy Me a Coffee at ko-fi.com
Memproses... 0%
Memuat gambar
Membandingkan piksel
Perbedaan rendering
Selesai

Hasil

Preview Output

Mengirimkan perubahan CSS dan ingin tahu persis apa yang dipindahkan? Membandingkan dua tangkapan layar untuk pemeriksaan regresi visual QA? Ingin tahu apa yang sebenarnya berubah antara dua versi foto yang sama yang diekspor? Menggulir bolak-balik antara dua gambar dan menyipitkan mata untuk melihat perbedaannya lambat dan tidak dapat diandalkan — alat ini melapisi keduanya dan menunjukkan kepada Anda setiap piksel yang berubah dalam satu gambar.

Perbandingannya adalah matematika pembedaan piksel nyata, keluarga algoritma yang sama yang digunakan oleh alat seperti pixelmatch: setiap piksel dari kedua gambar diubah dari RGB menjadi ruang warna YIQ (Y = luma, I dan Q = sumbu chrominance NTSC), dan jarak Euclidean antara dua titik YIQ dihitung. Jarak tersebut dibandingkan dengan ambang batas yang ditetapkan oleh penggeser sensitivitas — naikkan sensitivitas untuk menangkap perubahan warna yang halus, turunkan untuk mengabaikan kebisingan kompresi, dan hanya memperhatikan perubahan yang terlihat jelas.

Perbandingan per piksel yang naif akan menjadikan setiap tepi anti-alias sebagai "berbeda" bahkan ketika tidak ada perubahan berarti, karena penghalusan menggeser beberapa piksel tepi sebanyak beberapa warna. Alat ini menjalankan heuristik anti-aliasing nyata pada kedua gambar: sebuah piksel hanya diperlakukan sebagai perbedaan asli jika piksel tersebut TIDAK berada di dalam gradien penghalusan — khususnya, jika lingkungan 3x3 di salah satu gambar sumber belum berisi piksel yang lebih terang dan lebih gelap dari piksel itu sendiri, yang merupakan sidik jari dari tepi yang dihaluskan AA, bukan konten sebenarnya.

Unggah Gambar A dan Gambar B, sesuaikan sensitivitas jika perlu dan tekan Jalankan. Anda mendapatkan persentase piksel yang berbeda ditambah gambar yang berbeda dengan setiap perubahan nyata yang disorot dalam warna magenta cerah dibandingkan versi asli yang redup — unduh dan lampirkan langsung ke laporan bug atau catatan QA Anda. Kedua gambar harus memiliki dimensi yang sama; jika tidak, alat ini akan memberi tahu Anda dengan jelas alih-alih memotong atau meregangkan salah satunya secara diam-diam. Tidak ada yang keluar dari browser Anda kapan pun.