Comparar dos imágenes
Image Diff
Compara dos imágenes píxel a píxel, resalta lo que cambió y calcula una puntuación de diferencia perceptual.
Dos capturas que deberían ser idénticas y la pregunta de si lo son. Un recuento de píxeles cambiados por sí solo no puede responderla —el suavizado de bordes cambia miles de píxeles y no significa nada—, así que esto informa del SSIM y el DSSIM a su lado y te da cuatro formas de mirar la diferencia.
Suelta la imagen “Antes”
Cualquier formato que el navegador sepa decodificar.
Suelta la imagen “Después”
Cualquier formato que el navegador sepa decodificar.
Cómo se usa
Suelta el antes y el después
Se aceptan tamaños distintos: ambos se rellenan hasta la unión con transparencia, así que el solapamiento se compara bien y lo que no se solapa aparece como diferencia, que es lo que es.
Fija la tolerancia
Se mide en YIQ, así que un cambio de luminancia cuenta alrededor de 2,5 veces más que un cambio de tono del mismo tamaño, que es como los clasifica el ojo. A 0, un solo valor de código en cualquier sitio es un fallo.
Lee los dos tipos de número juntos
Un 2 % de píxeles cambiados con SSIM 0,999 es suavizado de bordes. Un 2 % con SSIM 0,94 es algo que se movió.
Usa el barrido para desplazamientos pequeños
Pone las dos versiones en la misma posición retiniana, que es la única forma de que un desplazamiento subpíxel se haga visible: el ojo no puede cargar tanto detalle a través de la sacada que exige una comparación lado a lado.
Preguntas frecuentes
¿Qué es un buen SSIM?
Por encima de 0,99, más o menos, las dos imágenes son la misma con ruido de renderizado entre ellas. Por debajo de 0,95 algo difiere de verdad. No hay un umbral universal; compara contra un par conocido como bueno de tu propia canalización.
¿Por qué el DSSIM difiere del SSIM?
El DSSIM hace la misma comparación estructural en L*a*b* a cinco escalas, así que un cambio solo de color cuenta y una diferencia a un nivel de zoom no se esconde tras otro. Donde discrepan, el cambio es de color y no de estructura.
¿Puedo usarlo para pruebas de regresión visual?
Para mirar un fallo, sí: para eso están las cuatro vistas. Para ejecutar la comparación en CI quieres la misma aritmética en tu ejecutor de pruebas y no una pestaña del navegador.
Puede recibir de
Comparar PDF
PDF Compare
Compara dos PDF como texto y como imagen renderizada, y lista las inserciones, las supresiones y lo que cambió de sitio.
Compresor de PNG
PNG Compressor
Reduce la paleta de colores y reescribe el flujo comprimido para bajar el peso de un PNG sin cambiar sus dimensiones.
Compresor de JPEG
JPEG Compressor
Vuelve a codificar un JPEG con la calidad que elijas y muestra el peso antes y después junto con la diferencia visible.
Conversor de WebP
WebP Converter
Convierte imágenes a WebP y desde WebP, con control de calidad y modo sin pérdida.
Después
Estas aceptan lo que produce esta herramienta, así que el resultado puede pasar directamente.
Recortar imágenes
Image Cropper
Recorta a mano alzada o con una proporción fija, y puede quitar sola los bordes de color uniforme o transparentes.
Comparar PDF
PDF Compare
Compara dos PDF como texto y como imagen renderizada, y lista las inserciones, las supresiones y lo que cambió de sitio.
Compresor de PNG
PNG Compressor
Reduce la paleta de colores y reescribe el flujo comprimido para bajar el peso de un PNG sin cambiar sus dimensiones.
Quitar el fondo de una imagen
Background Remover
Recorta un fondo plano o de un solo color en el espacio OKLab y devuelve un PNG transparente, con pincel para corregir los bordes.
Borrar los datos EXIF de una foto
EXIF Remover
Elimina los metadatos de cámara, GPS y edición de las fotos sin tocar un solo píxel, y sin que la foto salga de tu navegador.
Generador de favicon
Favicon Generator
Produce el juego completo de iconos —ICO, PNG, icono de Apple y manifiesto web— junto con el HTML para pegar.