> 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="" %} La herramienta **Image Compare** 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: ![Captura de pantalla de Image Compare](/files/oau3VwPJlPsj954ENDUv) 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:** ![](/files/O8MBKAVqNlvvMkqLJm9K) 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. 3. Cambiar entre vistas 1. de superposición 2. dual horizontal 3. dual vertical. 4. Herramientas de Visualización: 1. Zoom Acercar. 2. Zoom Alejar. 3. Rotar. 4. Centrar enfoque. 5. Pantalla completa. 5. Cuentagotas de color RGB. 6. Color y ancho de trazo de marcas. 7. Reporte de Diferencias: Listado detallado de diferencias. 8. Reporte.
1. Barra de ajustes de superposición: 1. Alternar orden 2. reproducir animación de superposición 3. Deslizador 4. Velocidad de animación. ## 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](/files/5cgkllftlHEmYsaI1pLf) * 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.
**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](/files/CC8EpqwotJgr6imUfFsm) **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) ![](/files/Qc6TtIQf3zBNroVjgs0Z) **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](/files/CFkTonxP30QtEDINnOkJ) **Configuración avanzada de marcas de texto** Desde esta sección puede cambiar el color del trazo y el ancho de las marcas. ![](/files/WXeKz82o5PEerAQukCUk) ![](/files/eW8jO5w1FIRczzTOuw13) **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. ![](/files/bZAlHRMZOeMcm6QemTYC) **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.
## Reporte de comparación Podemos descargar un reporte de todas nuestras comparaciones para realizar un control de las mismas.