Comparar capturas de pantalla en linea

Detecta cambios de UI, movimientos de layout y regresiones visuales entre capturas.

Validar cambios visuales entre releases.
Revisar regresiones QA con vista lado a lado u overlay.
Comprobar nuevas capturas sin herramientas de escritorio.

Comparar imagenes con contexto visual

La herramienta de comparacion de imagenes ayuda a revisar cambios visuales entre capturas de pantalla, exportaciones de diseno, fotos de producto y otros recursos graficos.

Con seis modos de vista — lado a lado, apilado, superposicion deslizante, diff de pixeles, resaltado y mapa de calor — la pagina permite tanto una revision visual rapida como comprobaciones precisas a nivel de pixel.

  • Validar cambios de interfaz entre capturas de distintas versiones.
  • Revisar material de marketing actualizado antes de publicarlo.
  • Comparar imagenes de producto o documentos para detectar ediciones visibles e invisibles.

Seis modos de comparacion

Alterna entre lado a lado, apilado y superposicion deslizante para una revision rapida, y luego pasa al diff de pixeles, resaltado o mapa de calor para ver exactamente que cambio.

Las vistas de diff de pixeles y resaltado se calculan en el navegador, asi puedes cuantificar diferencias y localizar cada region modificada sin salir de la pagina.

Controles a nivel de pixel

Ajusta la comparacion con un control de sensibilidad, una opcion de ignorar antialiasing y comprobaciones por canal (Todo, Luma, R, G, B).

Una lupa y el desplazamiento para zoom te ayudan a inspeccionar detalles, y puedes intercambiar las dos imagenes en cualquier momento.

Preguntas frecuentes sobre comparacion de imagenes

Que formatos de imagen se admiten?

La pagina admite archivos PNG, JPG, GIF, WEBP y SVG.

Que modos de comparacion hay disponibles?

Seis modos: lado a lado, apilado, superposicion deslizante, diff de pixeles, resaltado y mapa de calor. Usa la superposicion o el control deslizante para comprobaciones rapidas, y el diff o el resaltado para cambios exactos.

Para que sirven la sensibilidad y los canales?

El control de sensibilidad ajusta la rigurosidad de la comparacion de pixeles, ignorar antialiasing omite los bordes, y el selector de canal permite comparar un solo canal de color (R, G, B) o la luminancia.

Mis imagenes se suben a un servidor?

No. Toda la comparacion y el procesamiento de imagenes ocurren localmente en tu navegador.