Comparador de Imágenes Online
Comparador de imágenes gratuito — lado a lado, slider antes/después, diff de píxel y overlay. 100% en el navegador, sin subir archivos, sin registro.
Actualizado mayo de 2026
Revisado por Rafael Duarte
Cómo funciona
Cuatro modos de comparación, cero subida a servidor
1. Sube las dos imágenes
La imagen A es el "antes"; la imagen B es el "después". Admite JPG, PNG, WebP, GIF, SVG y AVIF, hasta 50MB cada una.
2. Elige el modo de comparación
Slider antes/después, lado a lado, diff de píxeles u overlay con opacidad ajustable.
3. Analiza y descarga
Ajusta la sensibilidad y el color en el modo Diff, o la opacidad en Overlay. Descarga el mapa de diferencias como PNG.
Qué hace esta herramienta
Comparación píxel a píxel con distancia de color perceptual
Diff con algoritmo YIQ
Distancia de color perceptual que se aproxima a cómo el ojo humano percibe las diferencias, no una comparación binaria de bytes.
Panel de análisis
Porcentaje de similitud, número de píxeles distintos y total de píxeles comparados en tiempo real.
Sensibilidad ajustable
Desde detectar ruido de compresión JPEG hasta ignorarlo por completo — tú controlas el umbral (threshold).
100% en el navegador
Ambas imágenes se procesan con Canvas API en tu equipo — nada se sube a ningún servidor.
Lupa de inspección
Activa la lupa para ampliar 2,5x la zona bajo el cursor y revisar detalles sin cambiar de modo.
Zoom y vista ampliada
Amplía la vista de 50% a 400% y abre el modal a pantalla completa para inspeccionar con más espacio.
Los cuatro modos de comparación
Cuándo vas a usar esta herramienta
Los escenarios más comunes entre quienes la usan
Testing de regresión visual
Compara capturas de una interfaz antes y después de un despliegue — las diferencias sutiles se detectan a nivel de píxel.
Revisión de retoque fotográfico
Usa el slider para revelar los cambios entre el borrador y la exportación final de una edición.
Revisión de iteraciones de diseño
Carga dos exportaciones de Figma y ve exactamente qué cambió entre versiones.
Verificación de calidad de compresión
Compara el PNG original con una exportación JPEG o WebP para detectar zonas con pérdida de calidad.
Verificación de autenticidad
Compara una imagen sospechosa contra la referencia original para detectar clonación, edición o manipulación de contenido.
Inspección de imágenes grandes con scroll sincronizado
Aumenta el zoom en modo lado a lado y mantén "Sync scroll" activo para desplazar ambas imágenes a la vez — ideal para capturas de pantalla completas o mockups en alta resolución.
Errores comunes al comparar imágenes
Pensar que 98% de similitud es casi idéntico
En una imagen de 1000×1000, eso sigue siendo 20.000 píxeles distintos — más de lo que parece a simple vista.
Comparar imágenes con dimensiones muy diferentes
Diff y Overlay funcionan mejor con las mismas dimensiones — para tamaños muy distintos, usa el modo Lado a lado.
Umbral demasiado bajo capturando ruido JPEG
Valores cercanos a 0 detectan hasta artefactos de compresión — el valor por defecto de 0,10 ignora ese ruido.
El Diff muestra la imagen completa en vez de solo las diferencias
Por defecto el mapa de diff muestra la imagen entera con los píxeles distintos resaltados. Activa "Mostrar solo diferencias" para ver únicamente los píxeles que cambiaron sobre un fondo limpio.
Subir un archivo de más de 50MB se rechaza
Cada imagen tiene un límite de 50MB — los archivos más grandes devuelven error. Comprime o reduce la resolución antes de subir.
Perder la sincronía al desplazar imágenes grandes en Lado a lado
Con zoom alto, cada canvas tiene su propia barra de scroll — sin sincronía, pierdes la referencia entre A y B. El botón "Sync scroll", activado por defecto, mantiene ambos desplazamientos idénticos; desactívalo solo si quieres navegar cada imagen de forma independiente.
Por qué usar este comparador de imágenes
Reúne cuatro modos de comparación —slider, lado a lado, diff de píxeles y overlay— en una sola herramienta, cubriendo desde una revisión visual rápida hasta un análisis técnico píxel a píxel.
El algoritmo YIQ de distancia perceptual se aproxima a cómo el ojo humano percibe las diferencias, en lugar de una comparación binaria de bytes que marcaría hasta el ruido de compresión irrelevante.
Además de la revisión visual, sirve para verificar autenticidad y calidad de compresión, con un límite generoso de 50MB por imagen y sin la subida a servidor que exigen la mayoría de herramientas competidoras.
Preguntas frecuentes
No. Ambas se cargan mediante File API y todos los modos —incluido el análisis de diff— se ejecutan por completo en el navegador usando Canvas API.
Referencias
Referencia completa de la Canvas API usada para la manipulación de imágenes a nivel de píxel.
La librería open-source de comparación de píxeles que impulsa el modo Diff.
Explicación del espacio de color YIQ usado en el cálculo de distancia perceptual entre píxeles en el modo Diff.
Herramientas relacionadas
- Verificador de Contraste de Colores Diseño Verificador de contraste de colores gratuito — verifica conformidad WCAG 2.2 AA y AAA al instante. Vista previa en vivo, simulación de daltonismo y...
- Conversor de Colores Diseño Convierte colores entre HEX, RGB, HSL y CMYK al instante. Selector de color gratuito online con comprobador de contraste WCAG y generador de paletas.
- Generador de Paleta de Colores Diseño Genera paletas de colores armoniosas desde cualquier color base. Elige armonía Análoga, Complementaria, Triádica o Tetrádica — exporta como CSS variables o...
- Paleta de Colores desde Imagen Diseño Extrae paletas de colores de cualquier imagen — obtén códigos HEX, RGB, HSL y exporta como CSS variables, Tailwind, JSON o PNG. 100% en el navegador, sin...
- Generador CSS Box Shadow — Neumorfismo, Glassmorfismo y Tailwind Diseño Generador CSS box shadow gratuito con vista previa en tiempo real. Crea sombras, efectos neumorfismo y glassmorfismo. Exporta a CSS, Tailwind o variables CSS.
