Diferencias de imagen

Funciones

• Compara dos imágenes píxel a píxel y obtén una única imagen de diferencias
• Umbral ajustable (0–255): las diferencias por debajo se ignoran
• Opción de ignorar los píxeles aislados de antialiasing y contarlos aparte
• Colorea por separado los píxeles que se oscurecen y los que se aclaran, con colores propios
• El modo solo diferencias escribe un PNG transparente que puedes superponer al original
• Zoom 1× / 2× / 4× para el detalle (vecino más próximo, así los bloques quedan nítidos)
• Tamaños distintos dan un error en lugar de alinear en silencio por la esquina superior izquierda
• La tarjeta informa del número de píxeles cambiados, el total y la proporción
• Se ejecuta por completo en tu navegador: las imágenes nunca se suben

Cómo se usa

1. Elige exactamente dos imágenes
2. Ajusta el umbral, los colores y el zoom como necesites
3. Lee la imagen de diferencias y la proporción de cambio en la tarjeta

Preguntas frecuentes

¿Por qué las dos imágenes tienen que ser del mismo tamaño?

Porque una comparación empareja píxel con píxel: A en (100, 50) contra B en (100, 50). Cuando los tamaños difieren no existe tal emparejamiento. Podrías apilarlas por la esquina superior izquierda, pero entonces todo el saliente se juzgaría como añadido en B y se colorearía, y el 90 por ciento resultante no tendría nada que ver con el cambio que buscas, mientras parece del todo plausible, lo que es mucho más difícil de detectar que un error. Así que esta herramienta lo rechaza. Recorta o escala ambas al mismo tamaño primero.

¿Qué ignora exactamente «ignorar antialiasing»?

La regla es la coincidencia de dirección: un píxel que ha cambiado de verdad tiene al menos uno de sus cuatro vecinos cambiando igual (mismo canal dominante, mismo signo). El antialiasing y el remuestreo producen diferencias aisladas: un píxel que toma un valor intermedio sin un vecino alineado. Así, los cambios contiguos o en forma de línea siempre tienen un vecino alineado y se conservan; solo un píxel aislado se trata como antialiasing o ruido, se ignora y se cuenta en la nota. Desactiva el interruptor y no se filtra nada: cuenta todo píxel por encima del umbral.

¿Cómo se calcula el porcentaje de cambio?

El denominador es el total de píxeles (ancho por alto); el numerador es el número de píxeles que quedan tras el umbral y el filtro opcional de antialiasing. Se escribe como porcentaje con dos decimales. La tarjeta muestra también ambos números (por ejemplo 1200 / 2400000 px), así que queda claro de dónde sale el porcentaje. El nivel de zoom no afecta a la proporción: solo cambia el tamaño de la imagen de salida.

¿Cómo uso la diferencia transparente?

Descárgala y superpónla a la primera imagen (la mayoría de visores y programas de diseño admiten capas). Los píxeles cambiados están coloreados y todo lo demás es totalmente transparente, así que las diferencias saltan a la vista. Para ver las diferencias compuestas directamente sobre el original, desactiva el modo solo diferencias: entonces se dibujan sobre la primera imagen.