I want to extract dissimilarity information of two images layout. Wanna check text, button, and text box alignment, text overlapping, and more other layouts difference. how we do that? any tool, that extra detail information or any image processing method.
You can do pixel by pixel subtraction and analyze the diff.
Check this post before:
https://stackoverflow.com/questions/189943/how-can-i-quantify-difference-between-two-images
About tools -> you can search on "snapshot testing" or "frontend testing" features
I suggest you follow a similar query as here : https://www.researchgate.net/post/How_can_we_measure_similarities_between_two_images
See also https://stackoverflow.com/questions/25977/how-can-i-measure-the-similarity-between-two-images
A simple but expressive approach: If you are indeed interested in the dissimilarities in terms of layouting of the elements of two designed images, then you can consider (i) the number of identical/differing elements, (ii) the morphology (e.g. size, area, color, category) of the respective elements, and (iii) the reference locations of the respective elements. These, as unit-less indicators, can be generated for any number of images, and can be concatenated into one general measure for each image by either algebraic or geometric averaging.
Dissimilarity between images depends on number of factors:
1) RGB values
2) Either go by segments comparison / pixel by pixel comparison
3) Aspects ration of the two images etc.
You can use Mean Squared Error (MSE) or the Structural Similarity Index (SSIM).
One approach could be to partition the images into non-overlapping cells, and within each cell calculate the differences in area and location of similar colored regions or blobs. The size of the cells can be adjusted based on requirements.
I just identify button overlapping, text out of the box in the mobile application, then how I utilize image processing to find my solution.? any one of you please elaborate your answer according to my problem.
thank you all for your response.
- Badges
- Science topic
- Similar topics
- Engineering
- Electrical Engineering
- Signal Processing
- Image Processing