Comparar capturas para regresion visual

Compara capturas para detectar regresiones visuales, deriva de UI y cambios de layout entre releases.

Detectar movimientos de layout entre releases.
Revisar regresiones UI sin herramientas locales de diseno.
Compartir evidencia lado a lado con QA e ingenieria.

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.