Comparar imágenes

Cómo comparar dos imágenes

1. Suelta la primera imagen en Imagen A (antes) y la segunda en Imagen B (después), o haz clic en cada zona para elegir un archivo. Se aceptan JPG, PNG, WebP, GIF, BMP, SVG y cualquier otro formato que tu navegador pueda abrir.
2. Elige una Vista: Lado a lado, Deslizador, Superposición o Diferencia.
3. Si las dos imágenes no tienen el mismo tamaño, elige qué ocurre en Si los tamaños no coinciden: Escalar B al tamaño de A, Tamaño original, alineadas arriba a la izquierda o Tamaño original, centradas.
4. Haz zoom con la rueda del ratón, pellizcando con dos dedos, con los botones + y − o con las teclas + y −, y arrastra para desplazarte. Todos los paneles siguen el mismo zoom y la misma posición, así que siempre miras el mismo punto en las dos imágenes. Ajustar a la vista vuelve a mostrar la imagen completa.
5. En la vista Diferencia, ajusta la Tolerancia y la Medida de la diferencia y consulta los resultados bajo la imagen. Descargar la diferencia (PNG) guarda el mapa resaltado.

Intercambiar A y B cambia una imagen por la otra; Borrar vuelve a empezar.

Las cuatro vistas

• Lado a lado muestra A a la izquierda y B a la derecha, con zoom y desplazamiento sincronizados. Es la forma más fácil de valorar el aspecto general, el color y la nitidez.
• Deslizador apila las dos imágenes y muestra B a la derecha de una línea divisoria vertical. Arrastra la línea sobre la imagen, haz clic donde la quieras o usa el control Posición del deslizador (también funciona con las flechas del teclado). Es la clásica vista de antes y después para retoques, restauraciones, ampliaciones o pruebas de compresión.
• Superposición coloca B sobre A con una Opacidad de B ajustable (la técnica de «papel cebolla»). Al pasar del 0 % al 100 %, saltan a la vista los desalineamientos, los elementos desplazados y el texto que se ha movido.
• Diferencia pinta de rojo intenso cada píxel que ha cambiado sobre una copia gris y atenuada de la imagen A. Las zonas idénticas se funden con el fondo, así que incluso un cambio de un solo píxel es fácil de ver al ampliar. Con suficiente zoom, los píxeles se muestran como cuadrados nítidos en lugar de suavizados.

Cómo se mide la diferencia

Cada píxel de A se compara con el píxel situado en el mismo lugar de B. Primero, los colores se multiplican por su opacidad, de modo que dos píxeles totalmente transparentes cuentan como iguales aunque su color oculto sea distinto.

• Mayor diferencia por canal toma la mayor diferencia entre rojo, verde, azul y alfa, en una escala de 0 a 255. Un valor de 12 significa que al menos un canal ha variado 12 niveles.
• Distancia de color (RGB + alfa) es la distancia en línea recta (euclidiana) entre los dos colores, dividida entre 2 para que también vaya de 0 a 255. Reacciona más a los cambios repartidos entre varios canales.

Un píxel cuenta como modificado cuando su diferencia es mayor que la Tolerancia. Con 0 se informa de cualquier cambio, lo ideal para comprobar que dos exportaciones son realmente idénticas. Una tolerancia de 5 a 15 ignora el ligero ruido que añade la compresión JPEG o WebP y conserva las ediciones reales.

Los resultados muestran el tamaño de las dos imágenes, la Zona comparada, el Porcentaje modificado, el número de Píxeles modificados, la Mayor diferencia encontrada y la Zona modificada: el rectángulo más pequeño que contiene todos los píxeles modificados, con su esquina superior izquierda.

Imágenes de distinto tamaño

Con Escalar B al tamaño de A, B se estira exactamente al ancho y al alto de A, lo que va bien para una copia redimensionada o recomprimida de la misma imagen. Con las dos opciones de Tamaño original, cada imagen conserva sus propios píxeles en una zona lo bastante grande para ambas; las partes cubiertas por una sola imagen cuentan como modificadas. Las imágenes de más de 4096 píxeles en su lado más largo se comparan a un tamaño reducido, y un mensaje te lo indica.

Los dos archivos se leen y se comparan en tu navegador; nunca se suben.