Comprobador de diferencias de píxeles
Resalta píxeles cambiados con un umbral configurable.
Cómo usar Comprobador de diferencias de píxeles
The Image pixel difference checker compares two images with identical pixel dimensions and returns a PNG map where changed pixels are highlighted in a strong pink and unchanged pixels appear light gray. It also reports how many pixels changed and what percentage of the image that is. A threshold from 0 to 255 controls how large a change must be to count.
- Elige un archivo de origen. Si la herramienta acepta varios archivos, ordénalos como quieras.
- Configura el umbral de diferencia (0–255).
- Ejecuta el comprobador de diferencias de píxeles, revisa la salida y usa los controles disponibles para copiar o descargar.
Qué admite esta herramienta
Resalta píxeles cambiados con un umbral configurable.
- Umbral de diferencia (0–255)
- Range: 0 to 255
Límites y procesamiento
Las imágenes usan el límite de lienzo existente de 32 megapíxeles. Se permiten hasta 100 imágenes de origen donde sea admitido. El HTML pegado está limitado a 200,000 caracteres; los diagramas Mermaid a 20,000 caracteres y 300 líneas. La generación de SVG y PNG requiere un navegador.
Preguntas frecuentes
How does the difference threshold work?
For each pixel, the checker finds the largest absolute difference across the red, green, blue and alpha channels. A pixel is marked as changed only when that difference is greater than the threshold. 0 flags any change at all, while the default of 20 ignores small compression noise.
Why do my images need the same dimensions?
Pixels are compared one to one at the same coordinates, so both images must have exactly the same width and height. If they differ, the tool returns an error rather than resizing, because scaling would itself change pixels.
Can I use this for visual regression testing of screenshots?
Yes, as a manual check. Export two screenshots at the same size, compare them and review the highlighted map and the changed-pixel percentage. Raising the threshold helps ignore antialiasing differences, but the result is a visual report rather than a pass or fail test.
¿Dónde se procesa mi entrada?
Esta operación procesa su fuente en tu navegador. Copiar y descargar son acciones explícitas; la entrada de origen no se guarda en una cuenta ni en un historial.
¿Cuáles son los límites de entrada?
Las imágenes usan el límite de lienzo existente de 32 megapíxeles. Se permiten hasta 100 imágenes de origen donde sea admitido. El HTML pegado está limitado a 200,000 caracteres; los diagramas Mermaid a 20,000 caracteres y 300 líneas. La generación de SVG y PNG requiere un navegador.