Comparar dos imágenes

Compara dos versiones de una imagen: arrastra un deslizador entre ellas, míralas lado a lado o ve un mapa de calor de cada píxel cambiado con la parte de la imagen que es distinta.

Tus archivos no salen de tu dispositivo. Todo funciona en tu navegador.

Cómo funciona

  1. Añade dos imágenesSuelta las dos a la vez, o una después de la otra.
  2. Elige una vistaDeslizador, lado a lado o diferencia.
  3. Lee el resultadoMira qué cambió y cuánto, y guarda el mapa de diferencias.

Tres formas de comparar

El deslizador pone la segunda imagen sobre la primera y te deja descubrirla de izquierda a derecha. Es la forma más clara de juzgar un retoque, una corrección de color, un nivel de compresión o una foto ampliada.

Lado a lado muestra las dos imágenes una junto a la otra, cada una con sus proporciones originales, útil cuando quieres ver cada versión completa. Diferencia compara cada píxel y pinta lo que cambió en tonos de amarillo a rojo sobre una copia en gris claro de la primera imagen.

Números para revisiones de diseño y QA

Debajo de las imágenes ves la parte de píxeles cambiados, su cantidad exacta, la mayor diferencia en una escala de 0 a 100 y la zona que contiene todos los cambios, en píxeles. Un marco punteado señala esa zona en el mapa. Con estos números es rápido reportar las pruebas de regresión visual de capturas, banners, exportaciones y pantallas de apps.

Umbral ignora las diferencias pequeñas. En 0 cuenta cualquier cambio mínimo, incluido el ruido de compresión de JPG; entre 5 y 15 oculta ese ruido y deja los cambios reales, como elementos movidos, texto nuevo u otro color.

Imágenes de distinto tamaño

Si la segunda imagen tiene otro tamaño, se escala al tamaño de la primera para que los píxeles coincidan. Una nota debajo de los resultados te avisa cuando pasa esto, y también cuando las proporciones son distintas y la segunda imagen tuvo que estirarse. Para revisiones exactas píxel por píxel, compara archivos con las mismas medidas.

Intercambiar cambia cuál es la primera imagen. El mapa de diferencias se puede descargar en PNG para adjuntarlo a un reporte de errores o a una revisión de diseño.

Preguntas frecuentes

¿Se suben mis imágenes?

No. Las dos imágenes se comparan en tu navegador y se quedan en tu dispositivo.

¿Por qué dos imágenes que se ven iguales muestran diferencias?

Guardar en JPG cambia un poco los píxeles. Sube el umbral para ignorar ese ruido de compresión.

¿Puedo comparar imágenes de distinto tamaño?

Sí. La segunda imagen se escala al tamaño de la primera; una nota te avisa cuando pasa.

¿Se compara la transparencia?

Sí. Un cambio de transparencia cuenta como diferencia igual que un cambio de color.

¿Qué formatos funcionan?

PNG, JPG, WebP, GIF, BMP, AVIF y HEIC. En los GIF animados se compara el primer fotograma.

¿Es gratis?

Sí, sin límites y sin registro.