Pembanding dan Diff Gambar
Bandingkan dua gambar dengan slider sebelum/sesudah, berdampingan, atau peta perbedaan piksel yang menandai perubahan dengan merah dan melaporkan persentase ketidakcocokan.
Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.
Alat Terkait
Lihat SemuaApa itu Pembanding Gambar?
Muat dua gambar dan bandingkan dengan tiga cara: slider yang memperlihatkan satu gambar di atas yang lain, berdampingan, atau peta perbedaan di mana piksel yang berubah berwarna merah. Alat ini menghitung piksel yang berbeda dan menampilkan persentase ketidakcocokan, dengan toleransi per kanal yang bisa diatur untuk mengabaikan perbedaan kecil akibat kompresi.
Cara menggunakan Pembanding Gambar
- Letakkan atau pilih Gambar A (acuan) dan Gambar B (pembanding).
- Beralih antara Slider, Berdampingan, dan Perbedaan.
- Baca persentase ketidakcocokan dan jumlah pikselnya.
- Naikkan Toleransi per kanal (0–255) untuk mengabaikan perbedaan kecil seperti noise JPEG.
Contoh
Two 40×20 images that differ only in the bottom-right quadrant (white vs black), tolerance 0
25% of pixels differ (200 of 800 pixels)
Kapan menggunakan Pembanding Gambar
Gunakan untuk melihat perubahan antara dua versi desain, screenshot, atau render, memeriksa artefak kompresi, atau melakukan cek regresi visual cepat. Alat ini membandingkan piksel pada posisi yang sama, sehingga konten yang bergeser atau diputar dihitung berbeda sepenuhnya; ini bukan metrik kemiripan perseptual atau struktural.
Cara kerja Pembanding Gambar
Kedua gambar didekode menjadi RGBA. Jika ukurannya berbeda, gambar B di-resample ke ukuran gambar A (dan sebuah pemberitahuan menyebutkannya). Setiap pasangan piksel dibandingkan: jika selisih absolut R, G, B, atau alpha melebihi toleransi, piksel dihitung tidak cocok dan dicat merah di peta perbedaan; piksel yang cocok ditampilkan sebagai skala abu-abu pudar dari gambar A. % ketidakcocokan = piksel tidak cocok ÷ total piksel × 100.
Kasus Penggunaan Umum
- Memeriksa apa yang berubah di antara dua screenshot UI.
- Membandingkan foto asli dengan versi terkompresinya.
- Memverifikasi bahwa aset yang diekspor ulang identik.
- Menampilkan suntingan sebelum/sesudah dengan slider.
Catatan Keamanan
Gambar didekode, diproses, dan di-encode secara lokal di browser Anda dengan Canvas API. Tidak ada yang diunggah ke server.
Pertanyaan Umum
Apa yang terjadi jika ukuran gambarnya berbeda?
Gambar B diubah ukurannya agar sama dengan gambar A sebelum dibandingkan, dan peringatan ditampilkan. Untuk hasil yang tepat, bandingkan gambar dengan dimensi yang sama.
Apa fungsi toleransi?
Piksel hanya dihitung berbeda jika salah satu kanalnya berbeda lebih dari toleransi (0–255). Gunakan 5–20 untuk mengabaikan noise kompresi lossy.
Apakah transparansi ikut dihitung?
Ya. Kanal alpha dibandingkan seperti kanal warna.