Usa Comparar imágenes para inspeccionar un par de antes y después con Barrido, Lado a lado, Superposición o un mapa de calor de Diferencias. Alinea la segunda imagen, inspecciona ambas con zoom sincronizado y exporta la vista que necesites. Este ejemplo compara dos revisiones de diseño propias con estadísticas de píxeles exactas. Abrir Comparar imágenes.
Carga dos versiones en un orden consistente
Abre Comparar imágenes y elige dos archivos, o abre la muestra para cargar las dos revisiones de diseño de ejemplo. A es la primera imagen y B es la segunda.
La primera imagen determina el marco de comparación. Para el ejemplo, ambas fuentes son de 1200 × 850 píxeles, por lo que Píxeles originales · centrados con una escala de segunda imagen del 100% y desplazamientos cero compara posiciones coincidentes sin cambiar el tamaño.
Las entradas pueden ser JPG, PNG, WebP, GIF o BMP, hasta 25 MB cada una. La herramienta acepta exactamente dos imágenes para una comparación. Las entradas animadas utilizan su primer fotograma estático.
Para una comparación de exportación justa, usa el mismo recorte y dimensiones siempre que sea posible. Una imagen desplazada puede producir una gran diferencia de píxeles incluso cuando su contenido no ha cambiado.
Inspecciona el par con la vista correcta
Barrido comienza con un divisor a través de las imágenes. Arrástralo al 100% de zoom del visor o usa Revelar / superposición para mover el límite. Las revisiones de ejemplo cambian un titular, un botón y pequeños detalles de ilustración.
Lado a lado muestra ambos marcos alineados completos uno al lado del otro. Superposición los mezcla, lo que puede hacer que un borde desplazado sea fácil de detectar. Diferencia muestra un mapa de calor de intensidad en lugar de los colores de origen.
El zoom del visor varía del 100% al 400%; arrastra la vista ampliada para desplazarte. Ambas imágenes se mueven juntas. El zoom afecta solo a la inspección, por lo que la comparación guardada aún incluye el marco completo.
Usa Barrido para una revisión de diseño, Superposición para alineación y Diferencia para pequeños cambios de píxeles.
El ejemplo en esta guía
Dos revisiones de diseño de 1200 × 850 PNG; Píxeles originales · centrados; escala de la segunda imagen al 100%; desplazamientos X/Y cero; tolerancia de diferencia 0%; vista de diferencia; exportación PNG.
- Cuadrícula comparada
- 1200 × 850 / 1,020,000 píxeles
- Píxeles cambiados
- 35,683 / aproximadamente 3.50%
- Diferencia media de RGB
- Aproximadamente 1.08%
- Salida
- Mapa de calor 1200 × 850 PNG
Alinea e interpreta las mediciones
Cuando los tamaños difieren, la alineación de la segunda imagen ofrece Píxeles originales · centrados, Ajustar dentro de la primera imagen y Rellenar el marco de la primera imagen. Usa escala y desplazamientos de píxeles para un ajuste más fino. El contenido fuera del marco de la primera imagen se excluye.
Para este par, mantén los valores predeterminados de píxeles originales y la tolerancia de diferencia al 0%. El resultado medido real contiene 35,683 píxeles cambiados de 1,020,000, aproximadamente el 3.50%. La diferencia media RGB es aproximadamente del 1.08%.
La proporción de píxeles cambiados cuenta los píxeles cuya mayor diferencia de canal RGB supera la tolerancia. La diferencia media RGB mide el cambio de canal absoluto promedio en todos los píxeles comparados y no desaparece cuando aumentas la tolerancia.
La transparencia se compone sobre blanco. Una cuadrícula mayor de 16 megapíxeles o 8192 píxeles por lado se reduce y se etiqueta explícitamente como remuestreada. Escalar una fuente también crea mediciones remuestreadas. Estos números son comparaciones de píxeles, no puntuaciones de calidad perceptiva.
La compresión JPEG puede cambiar muchos valores sutiles de píxeles. Una tolerancia puede suprimir esos pequeños cambios, pero no puede determinar si una revisión de diseño es mejor.
Exporta una única imagen de comparación
Seleccione Diferencia, elija PNG y seleccione Iniciar para el ejemplo. Descargar guarda el mapa de calor real de 1200 × 850 que se muestra en la comparación anterior.
El panel Antes contiene ambos diseños de origen uno al lado del otro; es una hoja de contactos hecha para este artículo. El panel Después es el mapa de calor exportado genuino. Las áreas oscuras indican que no hay cambios por encima del umbral cero; las áreas coloreadas muestran diferencias.
Otros modos de visualización exportan su composición coincidente. Lado a lado duplica el ancho de la cuadrícula, mientras que Deslizar y Superposición permanecen como un solo marco. La cuadrícula de exportación está limitada a 16 megapíxeles, lo que permite un resultado de dos paneles de hasta 32 megapíxeles.
Conserve ambas imágenes originales para trabajos posteriores. La salida es una comparación aplanada de PNG o JPG en lugar de un proyecto editable, y el zoom del visor no recorta el resultado exportado.
Si necesita una verificación exacta de la identidad del archivo, la comparación de píxeles no es suficiente: los metadatos, la codificación y los píxeles fuera del marco medido pueden diferir.
Preguntas frecuentes
¿Un 0% de cambio significa que los archivos son idénticos?
Significa que los píxeles alineados medidos no superan tu tolerancia. Los archivos aún pueden diferir en metadatos, codificación, valores RGB transparentes o contenido fuera del marco medido. Usa tolerancia cero para detectar cada diferencia RGB representada.
¿Puedo comparar imágenes de diferentes tamaños?
Sí. Elige cómo se ajusta la segunda imagen al primer marco y ajusta su escala o desplazamiento. La interfaz etiqueta las mediciones remuestreadas y todo lo que esté fuera del primer marco queda excluido.
¿Por qué un JPEG muestra cambios cuando parece igual?
La codificación con pérdida puede alterar pequeños valores de píxeles en toda la imagen. Aumenta la tolerancia de diferencia para excluir pequeñas diferencias de canal, recordando que la diferencia media de RGB sigue informando de todas las diferencias medidas.
¿La exportación incluye mi recorte con zoom?
No. El zoom y el desplazamiento del visor son solo para inspección. La descarga utiliza el marco de comparación completo en la vista seleccionada.
¿Las diferencias de imagen se calculan con IA?
No. La herramienta calcula las diferencias absolutas de píxeles RGB en tu navegador. No utiliza reconocimiento semántico ni afirma ofrecer una puntuación de similitud perceptiva.
¿Puedo exportar la comparación lado a lado?
Sí. Elige "Side by side" antes de "Start". Exporta ambos marcos alineados en una imagen PNG o JPG, con el doble de ancho de la cuadrícula de comparación. El zoom del visor no la recorta.
Crea tu propio resultado cuidadosamente verificado
Prueba una muestra o usa tu propio archivo, y revisa el resultado antes de compartirlo.
