Herramientas de diseño

Comprobador de diferencias de imagen — Resalte de diferencias de píxeles

Compara dos imágenes píxel a píxel en el navegador. Los píxeles distintos se resaltan en rojo con recuentos y porcentajes: útil para capturas de regresión de interfaz, comprobaciones de versiones de diseño y revisiones de antes y después. Las imágenes permanecen locales.

ImagenDiffComparar

Añadir esta herramienta a favoritos

No se ha seleccionado un modo de almacenamiento de favoritos.

Acciones rápidas

Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.

Casos de uso

  • Compara capturas de regresión de interfaz
  • Comprueba diferencias entre versiones de diseño
  • Revisa una imagen antes y después de editarla

Cómo usar

  1. Sube la imagen A
  2. Sube la imagen B
  3. Inspecciona el resalte, el recuento de píxeles y el porcentaje

Entrada y salida de ejemplo

Acción

Subir dos capturas

Salida

Diferencias resaltadas en rojo + porcentaje de diferencia

FAQ

¿Las imágenes pueden tener tamaños distintos?

Sí. La comparación usa la región superpuesta de ambas imágenes.

¿Las imágenes se suben a un servidor?

No. La decodificación y la comparación de píxeles se ejecutan localmente en el navegador.

Herramientas

Herramientas relacionadas

Continúa con otra herramienta traducida para una tarea cercana.

Visualizador de comprobador de diff

Visualizador de comprobador de diff — diff de texto lado a lado

Disponible

Pega dos versiones de texto lado a lado y resalta segmentos añadidos y eliminados con un algoritmo de diff en tu navegador. Útil para configuraciones, scripts y revisiones de texto largo.

Diff Comparar Texto