Elige las dos imágenes, el lienzo de comparación y el umbral de píxeles. El resultado describe las imágenes tal como se dibujan en ese lienzo, que puede cambiar de tamaño, no una comparación byte a byte.
Se ejecuta localmente en tu navegadorEl comparador dibuja las dos imágenes en un mismo lienzo, recorre cada píxel y pinta en un mapa de diferencias los que se desvían más que el umbral. La comparación ocurre en la memoria de Canvas dentro de la página: no se sube ninguna imagen y la página sigue funcionando sin conexión.
El lienzo no es el archivo. Antes de comparar el primer píxel, las dos imágenes se estiran a un tamaño común, así que el resultado describe cómo se ven a ese tamaño, no si sus bytes son idénticos.
El rojo, el verde, el azul y el alfa se comparan por separado en cada píxel y decide la mayor de las cuatro diferencias. Ese valor tiene que superar el umbral de forma estricta: con el valor por defecto 24, un solo píxel con +10 en el canal rojo se ignora y el resultado indica 0 píxeles modificados; ese mismo par con umbral 5 indica 1 píxel modificado de 64 (1,56 %).
El alfa forma parte de la comparación, no solo el color. Dos cuadrados de 4 × 4 del mismo color con un solo nivel de diferencia en la transparencia dieron 16 de 16 píxeles modificados con umbral 0.
La diferencia media es el promedio de las cuatro diferencias de canal en todo el lienzo, así que se queda pequeña cuando la zona modificada es pequeña: un único píxel con un nivel de diferencia en un lienzo de 64 píxeles se redondea a 0,00 / 255 aunque Píxeles modificados marque 1.
Igualar a la primera compara con el ancho y el alto de la primera imagen, Igualar a la segunda con los de la segunda, y Dimensiones mayores con el mayor ancho y el mayor alto. Las dos imágenes se estiran a ese lienzo: un par de 4 × 8 y 8 × 4 se comparó como 8 × 8 con Dimensiones mayores.
El lienzo está limitado a 4096 píxeles en su lado más largo y a 16.000.000 de píxeles en total; un par de 5000 × 100 se comparó como 4096 × 82. La métrica Dimensiones informa siempre del lienzo realmente comparado, no del tamaño de los dos archivos.
En el mapa de diferencias los píxeles modificados aparecen en rosa sólido sobre una copia atenuada en escala de grises de la primera imagen; por eso la vista previa sigue pareciéndose a la imagen que comparas.
Nada. Las dos imágenes se decodifican con el cargador del propio navegador y se comparan en la memoria de Canvas, y el PNG de diferencias lo produce el propio lienzo antes de llegar al diálogo de descarga. Una prueba que vigiló la red no vio ninguna petición al añadir, comparar, descargar o limpiar.
Las cifras describen un único lienzo: si cambias el umbral, el lienzo o el orden de los archivos, cambia el resultado, y cada ejecución sustituye a la anterior. Limpiar restablece la lista, las cuatro métricas y las tres vistas previas, y retira el PNG terminado del botón de descarga.