Comparar Imagenes

Deslizador: arrastra un divisor interactivo para revelar una imagen u otra — la vista clásica antes/después. Lado a lado: ambas imágenes se muestran a ancho completo una junto a la otra. Superposición: una imagen encima de la otra con opacidad ajustable (útil para verificar alineación). Diferencia: resalta los cambios exactos a nivel de píxel en rojo; las áreas idénticas aparecen atenuadas.

No. Los tamaños diferentes se escalan automáticamente para ajustarse a la vista de comparación. Sin embargo, para una comparación de diferencia de píxeles significativa, las imágenes de las mismas dimensiones producen los resultados más útiles — de lo contrario, el diff muestra artefactos de escalado.

El modo diferencia calcula la diferencia RGB absoluta por canal entre píxeles correspondientes. Los píxeles cambiados aparecen en rojo brillante; las áreas sin cambios están atenuadas. Útil para detectar cambios sutiles en actualizaciones de diseño, artefactos de compresión, o verificar que una transformación es sin pérdida.

Sube dos imágenes, selecciona el modo Deslizador, luego arrastra el divisor vertical de izquierda a derecha. El lado izquierdo muestra Imagen A, el derecho muestra Imagen B. Funciona con ratón y táctil, por lo que es usable en tablets y móviles.

El modo superposición coloca ambas imágenes una encima de la otra con una opacidad configurable. Útil para verificar la alineación entre un mockup de diseño y una captura de pantalla, verificar el registro de dos versiones de la misma foto, o comprobar si un logo está en la posición correcta en dos layouts.

Sí. Los controles de zoom te permiten acercarte para ver diferencias de píxeles individuales. Usa la opción 'Ajustar' para volver a escalar al viewport o '100%' para ver el tamaño real de píxeles.

No. Todo el procesamiento de comparación se ejecuta localmente en tu navegador usando HTML5 Canvas. Las imágenes se cargan en memoria desde tu dispositivo y nunca se transmiten a ningún servidor.