Saltar al contenido
Herramienta gratuita

Comparar imágenes

Compara dos imágenes online con un deslizador del antes y el después, lado a lado, superpuestas o mediante una imagen de diferencias que marca y cuenta cada píxel modificado. En el ejemplo con un paquete de texturas, son 736 de 9000 píxeles (8,18 %). Gratis, sin registro ni subida de archivos: tus imágenes permanecen en tu navegador.

Creado por Justin Schuessler

¿Estás creando algo propio? Alójalo en un VPS con control total.

Antes

Después

Las imágenes permanecen en tu navegador. No se sube nada.

Carga una imagen de antes y otra de después. Luego compáralas con un control deslizante, en paralelo, mediante una superposición o con una imagen de diferencias que muestra cada píxel modificado.

Resultado de ejemplo

Qué te muestra la comparación de imágenes

Sube una imagen «Antes» y otra «Después». Con el deslizador, la vista en paralelo o la superposición puedes apreciar las diferencias; el modo de diferencias marca y cuenta cada píxel modificado. Un ejemplo con las imágenes de muestra de la herramienta:

Ejemplo: un paquete de texturas otoñales frente al original

Entrada:

Dos paisajes de pixel art de 120 × 75 píxeles cada uno. En la imagen posterior, la hierba y las hojas cambian de color y aparece una flor nueva en el prado. Modo «Diferencias», umbral del 5 %.
Antes
Después
Diferencia

Salida:

Resultado del modo de diferencias en el ejemplo
Píxeles modificados736 de 9000 píxeles
Porcentaje8,18 %
DescargarImagen de diferencias en PNG a resolución completa

El cielo, el sol, la tierra y la piedra son iguales en ambas imágenes y aparecen en gris oscuro en la imagen de diferencias. Solo los elementos que el paquete de texturas modifica se resaltan en rojo. Tu resultado dependerá, por supuesto, de tus imágenes.

Cómo funciona

Cómo comparar dos imágenes

Cuatro pasos desde la captura hasta la comparación final, sin cuenta y sin subir archivos.

Paso 1

Cargar imágenes

Arrastra las imágenes del antes y el después a los dos campos, selecciona archivos o pega capturas con Ctrl+V. Usa «Intercambiar» para cambiar sus posiciones. Las imágenes solo se abren en tu navegador.

Paso 2

Seleccionar modo

Deslizador, vista en paralelo, superposición o diferencias. Con el deslizador puedes mover la línea divisoria en vertical u horizontal; en la superposición ajustas la opacidad y, en las diferencias, el umbral y el color.

Paso 3

Hacer zoom y comparar

Amplía hasta 3200 % con los botones más y menos, con Ctrl+rueda del ratón o con dos dedos, y arrastra la imagen ampliada para moverla. «1:1» muestra cada píxel a su tamaño original, con bordes nítidos a partir del 100 %. «Ajustar» vuelve a mostrar la imagen completa.

Paso 4

Guardar resultado

Descarga la imagen del antes y el después, la vista lado a lado, la superposición o la imagen de diferencias como PNG a resolución completa. En los modos «Deslizador» y «Lado a lado», puedes incluir las etiquetas «Antes» y «Después».

Exportación PNG

Crear y guardar una imagen del antes y el después

Cada modo tiene su propia descarga. El PNG se genera a resolución completa en tu navegador, sin subir archivos ni añadir marcas de agua.

Imagen del antes y el después

En el modo «Deslizador», la descarga divide la imagen exactamente donde esté la línea divisoria. El PNG muestra la línea y, si quieres, las etiquetas «Antes» y «Después».

Dos imágenes lado a lado

El modo «Lado a lado» coloca ambas imágenes en un archivo y, si quieres, añade etiquetas. Si la imagen resultante es demasiado ancha para tu navegador, la herramienta coloca las imágenes una debajo de la otra. Siempre son exactamente dos imágenes; no hay plantillas de collage.

Superposición

Ambas imágenes superpuestas, con la imagen del después a la opacidad que hayas ajustado con el control deslizante.

Imagen de diferencias

Los píxeles modificados en el color que elijas, sobre una versión en escala de grises oscurecida de la imagen del antes y con la resolución completa de la comparación.

El cálculo de diferencias y la exportación a PNG admiten hasta 40 megapíxeles por imagen; en iPhone y iPad, menos debido al límite inferior del lienzo.

Casos de uso

Para qué puedes usar la comparación de imágenes

Desde un paquete de shaders hasta una prueba de compresión: para cualquier caso en que necesites comparar dos versiones de la misma imagen.

Shaders y paquetes de texturas en Minecraft

Haz la misma captura de pantalla con y sin shaders o Resource Pack. Con el deslizador puedes comparar directamente la luz, el agua y las sombras; con el zoom 1:1 y los bordes nítidos de los píxeles, también las texturas individuales de 16 × 16.

Mods gráficos y texturas para FiveM

Compara texturas de vehículos, ajustes preestablecidos de ReShade o Mods de mapas en tu servidor de FiveM. El modo de diferencias muestra qué zonas cambia realmente una textura nueva.

Probar ajustes gráficos

Bajo frente a Ultra, DLSS frente a FSR, antialiasing activado o desactivado: dos capturas de la misma escena muestran si una configuración exigente merece la pena visualmente.

Mods antes y después

Ya sea un Mod de iluminación, un Mod del HUD o una actualización del mapa, con la superposición alternas gradualmente entre el original y el Mod para detectar hasta los cambios más pequeños.

Comprobar pérdidas de compresión

Sube el original y la versión comprimida. Con un umbral del 0 %, el modo de diferencias muestra cada píxel modificado; con algo de tolerancia, solo los artefactos visibles.

Cambios en la interfaz y el diseño

Compara dos versiones de una web, un menú del servidor o un banner de Discord. Los elementos desplazados y los cambios de color destacan enseguida en la imagen de diferencias.

¿Imágenes demasiado grandes para compararlas rápidamente? Reducir con el compresor de imágenes

Cuatro modos

¿Qué modo elegir para cada comparación?

Control deslizante

La línea divisoria muestra la imagen «Antes» a la izquierda o arriba y la imagen «Después» a la derecha o abajo. Ideal para comparar iluminación, colores y nitidez. En vertical u horizontal, con ratón, pantalla táctil o teclas de flecha.

Uno al lado del otro

Dos paneles con zoom y desplazamiento sincronizados. Ideal si quieres ver ambas imágenes completas. En el móvil, los paneles aparecen uno debajo del otro.

Fundido

La imagen «Después» se superpone a la imagen «Antes» con una opacidad ajustable. Así puedes detectar zonas desplazadas o ligeramente modificadas al cambiar gradualmente entre ambas.

Diferencia

Cada píxel modificado se marca con el color que elijas y se cuenta. El umbral excluye pequeñas diferencias, como el ruido JPEG. Puedes descargar la imagen de diferencias en PNG.

Descubrir más

Más herramientas

Comparar textos online (Diff Checker)

Compara textos online: compara dos textos, configuraciones o versiones de código, ve las diferencias por línea y palabra y cópialas como Unified Diff. Funciona íntegramente en el navegador.

Creado por Dimitri Heissler

Comprimir y reducir imágenes

Comprime y reduce imágenes online: disminuye el tamaño de archivos JPG, PNG y WebP, ajústalos a un tamaño objetivo en KB o conviértelos, por ejemplo, de PNG a JPG. Todo funciona en el navegador.

Creado por Dimitri Heissler

Recortar imagen (Image Cropper)

Nuevo

Recorta imágenes libremente, en círculo o con formatos fijos como miniaturas de YouTube, banners de Discord, historias de Instagram y cabeceras de X. Ajusta los píxeles con precisión y guarda en PNG, JPG o WebP. Funciona íntegramente en el navegador.

Creado por Luca Stanek

Sprite Sheet Cutter & Splitter

Nuevo

Divide Sprite Sheets en fotogramas individuales en el navegador: configura la cuadrícula por columnas y filas o por tamaño del sprite, ajusta el offset y el spacing, previsualiza la animación, obtén fotogramas GIF y descárgalos como PNG o ZIP.

Creado por Justin Schuessler

Simulador de daltonismo

Simula en directo cómo se perciben las paletas de colores y tus propias imágenes con protanopía, deuteranopía, tritanopía y acromatopsia. Todo se calcula en el navegador.

Creado por Justin Schuessler

Selector de color de una imagen

Obtén el código de color de una imagen: cuentagotas con lupa, HEX, RGB y HSL, paleta de la imagen e indicación de contraste. La imagen permanece en el navegador.

Creado por Dimitri Heissler

FAQ

Preguntas frecuentes

Respuestas breves sobre la comparación de imágenes, los formatos, los tamaños y la privacidad.

Arrastra las imágenes del antes y el después a los dos campos, selecciona archivos o pega capturas con Ctrl+V. Después, elige un modo: «Deslizador» con línea divisoria, «Lado a lado», «Superposición» o «Diferencias». Para probar la herramienta, «Probar con imágenes de ejemplo» carga dos imágenes preparadas.

No. Ambas imágenes se abren solo en tu navegador y un Web Worker calcula las diferencias en la misma pestaña. No hay subida de archivos, servidor ni enlace para compartir. La herramienta solo escribe en la barra de direcciones ajustes como el modo, la dirección y el umbral, nunca el contenido de las imágenes.

Carga ambas imágenes, elige «Deslizador» y coloca la línea divisoria donde quieras que aparezca. «Descargar imagen de antes y después» guarda un PNG a resolución completa con la línea divisoria y, si quieres, con las etiquetas «Antes» y «Después». En el modo «En paralelo», obtienes ambas imágenes una al lado de la otra en un solo archivo.

Elige el modo «Diferencias». Marca cada píxel modificado con el color que elijas e indica la cantidad y la proporción. El umbral determina cuánto debe cambiar un píxel para que se tenga en cuenta: de 0 a 50 % del rango de color; el valor predeterminado es 5 %. Si se marcan cambios que no ves, suele deberse a la compresión con pérdida (JPG, WebP), al escalado, a los perfiles de color o a un desplazamiento de un píxel. En ese caso, aumenta el umbral o compara capturas PNG sin pérdida.

JPG, PNG, WebP, AVIF y GIF; en los GIF animados se usa el primer fotograma. La herramienta no admite archivos HEIC: expórtalos primero como JPG. Cada archivo puede ocupar hasta 40 MB. Los modos «Deslizador», «Lado a lado» y «Superposición» funcionan incluso con imágenes muy grandes. El cálculo de diferencias y la exportación a PNG admiten hasta 40 megapíxeles por imagen; en iPhone y iPad, hasta 16,7 megapíxeles. Si se supera el límite, la herramienta muestra un aviso en lugar de bloquear la pestaña.

La herramienta muestra ambas resoluciones y tú eliges: «Escalar Después al tamaño de Antes» (opción predeterminada) estira la imagen posterior hasta el tamaño de la anterior, lo que resulta útil para capturas con distintas resoluciones. «Alinear arriba a la izquierda» superpone ambas imágenes sin estirarlas, ideal si una imagen solo se ha recortado o ampliado. Si las proporciones difieren, la herramienta te avisa de la distorsión al escalar.

Sí, directamente en el navegador, sin instalar ninguna aplicación. Puedes arrastrar la línea divisoria con el dedo, ampliar con dos dedos y arrastrar la imagen ampliada para moverla. En el móvil, las dos vistas del modo «Lado a lado» aparecen una debajo de la otra. Selecciona las imágenes desde el selector de archivos de tu móvil.

No. La herramienta compara los valores de color de ambas imágenes píxel a píxel con un umbral ajustable. No usa IA, no reconoce caras ni objetos y no busca imágenes similares en Internet. Te muestra exactamente dónde difieren tus dos imágenes.

¿Tienes más preguntas?

Contactar con soporte
¿Estás creando algo propio?

Prueba Mods, shaders y texturas en un servidor solo para ti

Un VPS de ZAP-Hosting mantiene tu servidor de juego, tu web o tu proyecto online de forma fiable.

4,4/5 Trustpilot32.000+ Servidores activosDesde 2010

Sin configuración. Sin riesgos. En línea en segundos.

Duración flexibleCancelable en cualquier momentoEn línea en 60 segundos

¿Buscas más herramientas? Ver todas las herramientas de imagen y diseño