Diferencia de un píxel
d = máx(|ΔR|, |ΔG|, |ΔB|, |ΔA|) > 32
El píxel cuenta como distinto cuando la mayor diferencia de canal supera 32 sobre 255.
Carga dos imágenes: compáralas con el deslizador o lado a lado, o muestra en rojo los píxeles modificados con su porcentaje, en local.
Suelta una imagen aquí
Añade exactamente dos imágenes para comparar. Puedes seleccionarlas juntas o añadir la segunda después de la primera.
¿Necesitas más opciones?
Reúne varias herramientas de edición en un mismo espacio, con tu archivo abierto y sus cambios en curso.
Abrir el editor completoDos versiones de una misma imagen suelen parecerse tanto que ya no se ve qué ha cambiado: una maqueta corregida, una captura antes y después de una actualización, una foto retocada o recomprimida. Este comparador las muestra con un deslizador antes/después, lado a lado, o resalta en rojo los píxeles que difieren con su porcentaje, sin subir las imágenes.
Añade exactamente dos imágenes PNG, JPEG o WebP, seleccionándolas juntas o una tras otra; la primera pasa a ser «Antes» y la segunda «Después». Antes / después superpone las dos imágenes con una separación vertical que puedes arrastrar, y Lado a lado las coloca a izquierda y derecha. El zoom ayuda a revisar los detalles.
Diferencias compara las dos imágenes píxel a píxel. Un píxel se marca en rojo cuando uno de sus canales (rojo, verde, azul o transparencia) se aleja más de 32 niveles sobre 255; los demás se muestran en gris claro a partir de la primera imagen para conservar el contexto. El umbral evita señalar el ruido de una compresión JPEG.
El resultado indica el porcentaje y el número de píxeles distintos. Si las dos imágenes no tienen el mismo tamaño, la segunda se ajusta al de la primera antes del cálculo y un mensaje lo indica. Pulsa de nuevo Diferencias u otra vista para volver a las imágenes.
Selecciona el original y luego la versión modificada, juntas o una tras otra.
Antes / después para el deslizador, Lado a lado, o Diferencias para resaltar los píxeles cambiados.
Amplía las zonas señaladas y lee el porcentaje de píxeles distintos.
Cada píxel de la segunda imagen se compara con el píxel de la misma posición en la primera.
d = máx(|ΔR|, |ΔG|, |ΔB|, |ΔA|) > 32
El píxel cuenta como distinto cuando la mayor diferencia de canal supera 32 sobre 255.
p = n_diff ÷ (W × H) × 100
Calculada al tamaño de la primera imagen.
Detecta enseguida qué se ha movido entre dos versiones de una pantalla o un diseño.
Compara una captura antes y después de una actualización para encontrar el botón o el texto cambiado.
Mira con el deslizador si una foto optimizada ha perdido detalle respecto al original.
200 × 50 = 10 000 píxeles cambiados sobre 1280 × 720 = 921 600, es decir un 1,09 %. El resto de la pantalla se ve en gris claro.
Entrada
Dos capturas de 1280 × 720 px; solo un botón de 200 × 50 px cambia de colorResultado
Vista Diferencias: el botón aparece en rojo; «El 1,09 % de los píxeles difiere (10 000 de 921 600)»La proporción 16:9 es la misma, así que nada se deforma; aun así, los contornos pueden salir en rojo por el suavizado de la ampliación.
Entrada
Original de 1920 × 1080 px y una exportación de 1280 × 720 pxResultado
La segunda imagen se ajusta a 1920 × 1080 px antes de comparar, con un mensaje que lo indicaExactamente dos. Si seleccionas solo una, la herramienta espera la segunda; con más de dos, te pide empezar de nuevo.
Cada píxel se compara con el que ocupa el mismo lugar en la otra imagen. Se marca en rojo si el canal rojo, verde, azul o alfa difiere más de 32 sobre 255.
No, pero es preferible. La segunda se ajusta al tamaño de la primera; si las proporciones difieren, se deforma y muchos píxeles aparecerán como distintos.
No en esta versión: el umbral está fijado en 32 niveles, suficiente para ignorar el ruido de compresión y detectar un cambio de color o de texto.
No, el comparador sirve para revisar en pantalla. Haz una captura de la vista Diferencias si necesitas compartirla.
No. La visualización y el cálculo de diferencias se hacen en tu navegador.
Herramientas relacionadas
Herramientas similares o complementarias a esta.
Recorta, redimensiona, añade texto o marcas de agua, aplica efectos y optimiza una imagen en un solo editor.
Aligera una imagen ajustando su calidad o apuntando a un peso en KB, con el peso final visible antes de descargar.
Convierte una imagen a PNG, JPEG o WebP y ajusta la calidad antes de descargarla.
Comprende qué metadatos puede contener una imagen, cómo funcionan EXIF, GPS, XMP e IPTC y qué conviene eliminar antes de publicar una foto.
Entiende srcset, sizes, los descriptores de anchura y densidad, picture, la dirección artística y cómo el navegador elige la imagen responsive adecuada.
Redimensiona, comprime y elige entre WebP, AVIF y otros formatos con un flujo práctico que reduce peso sin degradar innecesariamente la imagen.
Redimensiona un lote de imágenes, conviértelo a WebP y elimina metadatos con un único Pipeline.