Comparar dos imágenes online | Zonas modificadas resaltadas | Awesome Toolkit

Comparador de Imágenes

Compara dos imágenes lado a lado con resaltado de las zonas diferentes. Herramienta de control visual en el navegador.

Por Marshkalk

Suelta la imagen A aquí

Suelta la imagen B aquí

Comparador de imágenes

Compara dos imágenes lado a lado y resalta las diferencias. Ideal para detectar cambios en capturas de pantalla, maquetas de diseño o cualquier contenido visual. Procesamiento local, ninguna imagen se envía.

Modos de comparación

  • Lado a lado: muestra ambas imágenes una junto a la otra
  • Mapa de diferencias: los píxeles diferentes se resaltan en rojo o rosa
  • Deslizador: arrastra para revelar las diferencias progresivamente

Casos de uso

  • Comparar una maqueta y un screenshot de implementación para encontrar discrepancias
  • Verificar que un cambio CSS solo afectó la zona prevista
  • Detectar regresiones visuales después de una actualización
  • Comprobar si una imagen ha sido alterada

Consejos para mejores resultados

  • Las imágenes deben tener la misma resolución para una comparación precisa a nivel de píxel
  • Usar PNG para capturas de pantalla (JPEG introduce artefactos)
  • Ampliar el mapa de diferencias para inspeccionar cambios pequeños