Encuentra píxeles cambiados
El detector de diferencias de imágenes marca en rojo dónde la prueba con umbral detecta cambios visibles.
Comparación local de píxeles en el navegador
Detector de diferencias de imágenes, Resultados de diferencia por píxel.
Este detector de diferencias de imágenes resalta diferencias visuales, ajusta el umbral y muestra píxeles cambiados, delta RGB medio, RMSE y PSNR con cálculo local.
Diff de píxeles local
Herramienta de diff de píxeles
Usa un ejemplo real o tu archivo PNG, JPG, JPEG, WebP. Las puntuaciones de píxeles se actualizan solo después del diff local.
Las imágenes permanecen en esta sesión del navegadorPNG, JPG, JPEG, WebPLas métricas de píxeles se actualizan tras Diferencias resaltadas
Coincidencia de píxeles
Ejecutar diff localNecesita diff localPíxeles cambiados
Ejecutar diff localNecesita diff localRMSE
Ejecutar diff localNecesita diff localDiferencias resaltadas
Ejecuta una comparación local de píxeles para crear una vista de diferencias.
Los valores bajos detectan cambios sutiles; los altos ignoran ruido de compresión, pequeños cambios de luz y antialiasing. Un píxel cuenta como cambiado cuando su mayor delta RGBA supera este valor.
Puntuaciones de píxeles pendientes
Analizar diferencias
Ejecuta el diff local en el navegador para llenar resultados y tarjetas laterales.Cambios visuales
Ejecutar diff localNecesita diff localDelta RGB medio
Ejecutar diff localNecesita diff localPSNR
Ejecutar diff localNecesita diff local1
Añadir imágenes
Sustituye cualquier lado y ejecuta el diff local para obtener resultados medidos.
Elige o suelta un archivo PNG, JPG, JPEG o WebP para Imagen base.
A
Base / antes
Elige o suelta un archivo PNG, JPG, JPEG o WebP para Imagen cambiada.
B
Cambiada / después
2
Modos del detector de diferencias
Diferencias resaltadas es la vista principal; deslizador, lado a lado y superposición ayudan a verificar el contexto.
3
Resultados del detector de diferencias
Usa Ejecutar diff cerca del visor para calcular puntuaciones locales en este navegador.
Ajusta el umbral
Usa 8 para UI estricta, 18 para detalle fotográfico, 32 para equilibrio y 64 para cambios grandes.
Lee métricas de error
Lee porcentaje de píxeles cambiados, delta RGB medio, RMSE y PSNR para explicar la diferencia visual.
Métricas de diff
Métricas del detector de diferencias de imágenes
La herramienta separa la revisión visual de los resultados calculados. Los detalles de archivo aparecen al cargar; las métricas se actualizan tras el diff local.
Píxeles cambiados
Cuenta píxeles donde la mayor diferencia de canal supera el umbral actual.
Porcentaje de diferencia
Muestra los píxeles cambiados como proporción del canvas normalizado comparable.
RMSE y PSNR
Resume el error RGB: un RMSE menor y un PSNR mayor indican imágenes más cercanas visualmente.
Método
Cómo calcula el detector de diferencias de imágenes
La herramienta decodifica ambos archivos localmente, los dibuja en un canvas normalizado común y compara canal por canal. El umbral controla qué píxeles cuentan como cambiados.
Cambio de píxel con umbral
Un píxel cambia cuando la mayor diferencia de canal rojo, verde, azul o alfa supera el umbral seleccionado.
Canvas comparable
Las imágenes con dimensiones distintas se centran en un solo canvas. Los archivos grandes pueden escalarse para mantener ágil el navegador, y el panel informa la escala.
Métricas de error legibles
Delta RGB medio, RMSE y PSNR dan una vista técnica de las mismas diferencias RGB locales que muestra la vista resaltada.
Usos
Dónde ayuda un detector visual de diferencias
Usa el mismo flujo local para tareas prácticas donde necesitas encontrar cambios visibles con rapidez.
Regresión de capturas
Detecta cambios de UI con tolerancia para diferencias pequeñas de renderizado.
Revisión de foto y producto
Confirma dónde cambiaron color, limpieza, sombras o retoques entre dos exportaciones.
Revisión de compresión y exportación
Compara exportaciones JPEG, PNG o WebP para ver cambios visibles tras optimizar.
Comparación de variantes generadas por IA
Compara visualmente dos variantes generadas por IA con mediciones locales de píxeles.
Revisión de retratos y rostros
Compara retratos o fotos de rostro para cambios de retoque, expresión, recorte o luz.
Resultados de diferencia por píxel
Preguntas sobre el detector de diferencias de imágenes
Las respuestas coinciden con la herramienta visible: vistas previas locales, comparación con umbral y sin flujo de carga al servidor.
¿Qué umbral debería usar?
Empieza con 18. Usa 8 para capturas de UI estrictas, 18 para detalle fotográfico, 32 para revisión equilibrada y 64 para cambios visibles grandes.
¿Cómo sé que mis imágenes se cargaron?
Si tus imágenes aparecen en los espacios de carga, normalmente significa que se han cargado correctamente. Los archivos muy grandes pueden tardar más y ralentizar la comparación.
¿Puedo comparar imágenes generadas por IA?
Sí. Puedes comparar variantes generadas por IA como dos imágenes seleccionadas; los resultados son mediciones locales de píxeles.
¿Puedo usarlo para comparación facial?
Puedes comparar retratos o fotos de rostro visualmente. La herramienta no verifica identidad ni realiza reconocimiento biométrico.