> For the complete documentation index, see [llms.txt](https://ayuda.moondesk.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ayuda.moondesk.design/comparar/image-compare.md).

# Image Compare

{% embed url="<https://www.youtube.com/watch?v=wf3BbrvwRow>" %}

La herramienta <mark style="color:orange;">**Image Compare**</mark> en MoonDesk permite comparar visualmente dos imágenes, y detectar diferencias entre ellas. Es ideal para controlar cambios y versiones de documentos, identificando diferencias tanto en texto como en gráficos.

### **Interfaz**

La interfaz de *Image Compare* se compone de tres partes principales:&#x20;

![Captura de pantalla de Image Compare](https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2FTAdLJpQ7TF87ZS4Q726q%2FMoonDesk-2-13-01.png?alt=media\&token=76ada079-3c80-4a1b-a8a5-5719bbcd2d82)

1. **Menú de Activación de Marcas, Tipos de Vistas y Herramientas de Visualización de Documentos:**
2. **Reporte de Diferencias:**
   * Marcas de texto, de imagen o de códigos. Muestra un listado detallado de las diferencias encontradas.

### **Menú de activación de marcas y tipos de visualizaciones:**

![](https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2Ff3Zy3mSsHZiOSlFKV4P8%2FMoonDesk-2-13.png?alt=media\&token=36bd5ee7-2c46-4ef4-babb-1cb103d63e93)

1. Menú de Marcas: Activar/desactivar todas las marcas.
2. Menú de Vistas:
   1. Activar/desactivar marcas de texto.
   2. Activar/desactivar marcas gráficas.
   3. Activar/desactivar marcas de códigos de barras.&#x20;
3. Cambiar entre vistas&#x20;
   1. de superposición
   2. dual horizontal
   3. dual vertical.&#x20;
4. Herramientas de Visualización:&#x20;
   1. Zoom Acercar.
   2. Zoom Alejar.
   3. Rotar.
   4. Centrar enfoque.
   5. Pantalla completa.&#x20;
5. Cuentagotas de color RGB.&#x20;
6. Color y ancho de trazo de marcas.&#x20;
7. Reporte de Diferencias: Listado detallado de diferencias.&#x20;
8. Reporte. &#x20;

<figure><img src="https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2FEsrquklynGcT8MSK9bC3%2FMoonDesk-2-13-04.png?alt=media&amp;token=5878a0cd-09ec-4aed-8700-e49ad9467307" alt=""><figcaption></figcaption></figure>

1. Barra de ajustes de superposición:&#x20;
   1. Alternar orden
   2. reproducir animación de superposición
   3. Deslizador
   4. Velocidad de animación. &#x20;

## Instrucciones de uso

### **Carga de imágenes**

1. **Acceso:**
   * Haz clic en *“Comparar”* en el menú principal.
   * La pantalla presentará la lista de comparaciones realizadas. Para comenzar una nueva comparación, haz clic en *“Nueva Comparación”*.
2. **Carga de Imágenes:**

   ![Captura de la carga de imágenes](https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2FZIvZ9PmFEdDkoRsuR1Hh%2FMoonDesk-2-13.png?alt=media\&token=96772b76-81e5-4a97-bc8e-ed62cf4de8c9)

   * Arrastra y suelta una imagen en cada campo de carga. Los formatos admitidos son PDF, PNG y JPG.
   * Si utilizas MoonDesk, puedes seleccionar un documento alojado en la App Web.
   * Usa la herramienta de corte para seleccionar el área a comparar si es necesario.
   *

   ```
   ![Captura de la carga de imágenes](/files/zTlIySQ3bjsJtSfb3HiH)
   ```
3. **Iniciar Comparación:**
   * Haz clic en el botón *“Comparar”* para iniciar el proceso.

### **Comparación**

Una vez cargados los dos documentos a comparar, *Image Compare* nos ofrece tres modalidades de revisión:

**Comparación Visual por Superposición:**

* Detecta diferencias mostrando u ocultando una imagen sobre otra.
* Ideal para identificar cambios globales y diferencias medianas a grandes.
* Funcionalidad para mostrar/ocultar imágenes con diferentes niveles de transparencia.

<figure><img src="https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2FHQZULKyB6EjrHJDct1IQ%2Fscreen_1767707684811.gif?alt=media&amp;token=45127655-6b55-4b9d-9235-e8deff594fa6" alt=""><figcaption></figcaption></figure>

**Comparación Visual Dual:**

* Muestra los documentos de manera paralela y sincronizada.
* Ideal para una visualización más detallada.
* Opciones para comparar archivos verticales (lado a lado) o imágenes horizontales (una sobre otra).

![Comparación visual dual vertical](https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2FDfj6HcNkK0NhKiNzTI3K%2FMoonDesk-2-13.png?alt=media\&token=6b17a5d2-d115-413f-aa2a-45e567822911)

**Comparación Combinada con Marcas:**

* Activa las marcas de diferencias de texto o gráficas para una revisión más precisa.

**Ver marcas de texto**

Activando la opción *“Ver marcas de texto”* se podrá acceder al listado de diferencias. Allí se mostrarán las diferencias por: "reemplazado", "agregado", "eliminado" o "iguales", con posibilidad de localizarlas en las imágenes y desactivar las que no sean significativas para la comparación. Desde la configuración avanzada, puede activarse la opción a mostrar las marcas de textos iguales.

En la lista de texto cada diferencia se identifica con una letra y un color:

E: **Texto Eliminado**\
R: **Texto Reemplazado**\
A: **Texto Agregado**\
D: **Texto Desplazado**\
I: **Texto Iguales** (disponibles solo si se activan desde la configuración de la pestaña de diferencias)

![](https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2FZFMBmzDCngBVYC2FVRkm%2FMoonDesk-2-13.png?alt=media\&token=aeb4566e-3838-41c1-bd42-91617c16330a)

**Reportar o descartar marcas**

Cada marca de diferencia tiene un botón del lado derecho (-) que permite descartar una diferencia encontrada. Cuando se presiona ese botón, la marca pasará al fondo del listado, quedando en estado de “descartada”, ordenándose y enumerándose en una segunda lista.

Para volver la marca descartada a reportada, debes descender en la lista hasta encontrar la diferencia, y hacer clic en el signo "más" (+), para agregarla a las marcas reportadas.

![Reportar o descartar marcas](https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2Fa3mqC8JnODtedJkKEfyP%2FCapcut_RecordScreen_1767708037.gif?alt=media\&token=4f581e0b-7c61-4e22-8b4b-04d19190704b)

**Configuración avanzada de marcas de texto**

Desde esta sección puede cambiar el color del trazo y el ancho de las marcas.

![](https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2FZDUyTterta2lZqKcHS9T%2FMoonDesk-2-13.png?alt=media\&token=291d2117-c072-4054-8a2d-9b1df751fd34)

![](https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2FddJGH38XMwG2wpsM6u9a%2FMoonDesk-2-13.png?alt=media\&token=e17731c5-5ad2-47f4-b599-ef9f19d9efa8)

**Tolerancia**

Es el rango de detección de gráficas basada en píxeles. Se utiliza para descartar texturas o diferencias gráficas de una manera masiva.

![](https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2FGs16vL5OVGyVWI5P6Z3O%2Fscreen_1767723061119.gif?alt=media\&token=23d31bcf-c74a-485d-b5fe-73b65474e1af)

**Guardar comparación**

Finalmente podremos guardar la comparación y asignarle un nombre, etiquetas, en qué estado se encuentra la misma, y alguna descripción de ser necesario.

<figure><img src="https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2Fxc1vqdtrRX4xl4hFpdZ2%2FMoonDesk-2-13.png?alt=media&amp;token=b99b7d53-4ef5-4f0e-81ee-bb0cbd069c82" alt=""><figcaption></figcaption></figure>

## Reporte de comparación

Podemos descargar un reporte de todas nuestras comparaciones para realizar un control de las mismas.

<figure><img src="https://1889075133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVSjMUx1m8KhMPSfo9q%2Fuploads%2F1CqFtesXeuhdIcVD4BM3%2Fimage.png?alt=media&amp;token=3578babe-ed0e-4d06-83ae-243f83be7e4d" alt=""><figcaption></figcaption></figure>