Comprobador de diferencias de imagen

¿Enviaste un ajuste de CSS y quieres saber exactamente qué se movió? ¿Comparando dos capturas de pantalla para una verificación de regresión visual de control de calidad? ¿Se pregunta qué cambió realmente entre dos versiones exportadas de la misma foto? Desplazarse hacia adelante y hacia atrás entre dos imágenes y entrecerrar los ojos para detectar diferencias es lento y poco confiable: esta herramienta superpone las dos y le muestra cada píxel modificado en una imagen.

La comparación es matemática real de diferenciación de píxeles, la misma familia de algoritmos utilizados por herramientas como pixelmatch: cada píxel de ambas imágenes se convierte de RGB al espacio de color YIQ (Y = luma, I y Q = los ejes de crominancia NTSC) y se calcula la distancia euclidiana entre los dos puntos YIQ. Esa distancia se compara con un umbral establecido por el control deslizante de sensibilidad: aumente la sensibilidad para captar cambios de color sutiles, bájela para ignorar el ruido de compresión y preocúpese solo por los cambios obvios.

Una comparación ingenua por píxel iluminaría cada borde suavizado como "diferente" incluso cuando nada significativo haya cambiado, porque el suavizado cambia un puñado de píxeles del borde en algunos tonos. Esta herramienta ejecuta una heurística de suavizado real en ambas imágenes: un píxel solo se trata como una diferencia genuina si NO se encuentra dentro de un gradiente de suavizado; concretamente, si su propio vecindario de 3x3 en cualquiera de las imágenes de origen no contiene ya un píxel más claro y uno más oscuro que él mismo, que es la huella digital de un borde suavizado AA en lugar del contenido real.

Cargue la Imagen A y la Imagen B, ajuste la sensibilidad si es necesario y presione Ejecutar. Obtiene un porcentaje exacto de píxeles que difieren más una imagen de diferencia con cada cambio real resaltado en magenta brillante sobre una versión atenuada del original; descárguelo y adjúntelo directamente a su informe de error o notas de control de calidad. Ambas imágenes deben compartir las mismas dimensiones; si no es así, la herramienta se lo indica claramente en lugar de recortar o estirar silenciosamente uno de ellos. Nada sale de su navegador en ningún momento.