Alat Diff Gambar
Bandingkan dua gambar berdampingan dan deteksi perbedaan tingkat piksel secara instan. Sesuaikan ambang sensitivitas, beralih antara keluaran sorotan dan peta panas, lalu unduh gambar perbedaan untuk tinjauan QA. Sepenuhnya lokal, aman, dan gratis, tanpa pendaftaran.
Upload two images to highlight pixel-level differences. All processing runs locally in your browser, and files never leave your device.
First Image
Second Image
Lower values detect subtle differences, while higher values ignore minor compression artifacts.
Both views are generated from pixel math on resized canvases for deterministic comparison results.
Mengapa menggunakan alat diff gambar kami?
- Presisi tingkat piksel: Deteksi perbedaan visual persis antara dua gambar lewat perbandingan piksel yang deterministik, agar perubahan halus maupun pergeseran rendering tidak terlewat.
- Kendali ambang: Sesuaikan ambang sensitivitas untuk mengabaikan derau kompresi kecil atau memunculkan perubahan mikro, sesuai alur QA dan kualitas aset Anda.
- Pemrosesan cepat di browser: Bandingkan gambar secara instan tanpa menunggu antrean server. Alat berjalan sepenuhnya di browser Anda untuk tinjauan desain dan debug yang cepat.
- Privat secara bawaan: Gambar sumber dan keluaran perbedaan tetap di perangkat Anda. Tidak ada yang diunggah, disimpan, atau dibagikan, sehingga aman untuk aset rahasia.
Apa itu perbandingan diff gambar?
Perbandingan diff gambar adalah proses mengukur perbedaan visual antara dua gambar pada tingkat piksel. Alih-alih mengandalkan pemeriksaan mata manual, alat diff menghitung jarak warna setiap pasangan piksel lalu menandai perbedaannya dalam lapisan keluaran yang dihasilkan. Kontrol kualitas menjadi terulang dan objektif.
Cara kerja alat diff gambar kami
Alat memuat kedua berkas ke penyangga canvas browser, menormalkannya ke ukuran perbandingan yang sama, lalu menghitung delta per piksel pada kanal RGB. Piksel yang melampaui ambang terpilih dianggap berubah dan dirender dalam mode sorotan atau peta panas agar pemeriksaan manusia lebih cepat.
Keluaran proses diff gambar
Selain gambar visual perbedaan, alat menyediakan metrik kuantitatif yang dapat dipakai untuk pemeriksaan lulus/gagal dalam QA desain dan pengujian regresi visual.
- Piksel berbeda: Jumlah absolut piksel yang berubah setelah penyaringan ambang.
- Rasio perbedaan: Persentase piksel yang berubah dibanding total piksel yang dibandingkan.
- Resolusi perbandingan: Ukuran canvas bersama yang dipakai agar kedua masukan dapat dibandingkan.
- Delta maksimum: Jarak warna terbesar yang teramati pada semua perbandingan piksel.
Praktik terbaik untuk hasil akurat
Gunakan gambar sumber berukuran konsisten bila memungkinkan dan hindari kompresi ulang berulang sebelum membandingkan. Mulailah dengan ambang rendah untuk mendeteksi perubahan halus, lalu naikkan untuk menghapus derau kompresi yang wajar. Untuk pipeline QA, jaga ambang tetap sama antarjalankan agar hasilnya stabil dan dapat diaudit.
Pertanyaan yang Sering Diajukan
Alat diff gambar membandingkan dua gambar dan menyoroti area tempat pikselnya berbeda. Alat ini umum dipakai untuk QA desain, pengujian regresi visual, dan validasi perubahan setelah kompresi, pengubahan ukuran, atau perubahan rendering.
Ya. Alat ini memproses gambar secara lokal memakai API canvas browser. Berkas Anda tidak pernah keluar dari perangkat, sehingga tangkapan layar rahasia dan aset privat tetap sepenuhnya dalam kendali Anda.
Perbedaan kecil pada pengodean, konversi profil warna, antialias, dan artefak kompresi bisa menghasilkan pergeseran piksel halus yang sulit dilihat mata. Menyesuaikan ambang membantu menyaring derau kecil yang memang wajar.
Ambang mengatur sensitivitas. Ambang rendah mendeteksi perubahan warna sekecil apa pun; ambang tinggi mengabaikan selisih kecil dan hanya menampilkan perbedaan visual yang mencolok. Ini memudahkan menyesuaikan perilaku untuk pemeriksaan ketat atau toleran.
Alat menormalkan kedua gambar ke resolusi bersama terkecil sebelum membandingkan. Ini memastikan pengindeksan piksel yang konsisten dan menghindari perbedaan palsu yang hanya disebabkan ukuran.
Mode sorotan menandai perbedaan dengan masker padat yang jelas untuk tinjauan lulus/gagal yang cepat. Mode peta panas mewarnai area yang berubah sesuai intensitas, membantu Anda memeriksa seberapa besar tiap perbedaan.
Bisa. Setelah membandingkan, Anda dapat mengunduh gambar perbedaan yang dihasilkan dalam format PNG dan membagikannya kepada desainer, pengembang, atau tim QA untuk dokumentasi dan tinjauan.