Check if two already loaded webp images are equal with javascript

Asked Oct 30 '19 at 12:14

Active Oct 30 '19 at 12:14

Viewed 52 times

I have two webp images on my page and want to check if they are equal without sending any ajax requests to the server. Note that image file names are different each time. So need to check that manually with javascript using a library. Any heads up or link would be appreciated.

Thanks in advance

asked Oct 30 '19 at 12:14

Juliyanage Silva

2,529
1
21
33

Have you tried anything yet? Can you share a snippet? – Jonathan Larouche Oct 30 '19 at 12:17
what do you mean by "equal", is it equal filename or equal pixel values ? – Dhananjai Pai Oct 30 '19 at 12:20
@DhananjaiPai it means if the two images are the same. – Juliyanage Silva Oct 30 '19 at 12:27
Again, same as in the pixels are the same, or all attributes of the images are the same - like filename, type etc ? – Dhananjai Pai Oct 30 '19 at 12:28
https://stackoverflow.com/questions/11541154/checking-images-for-similarity-with-opencv You can use openCV.js to try the above methods from browser – Dhananjai Pai Oct 30 '19 at 12:29
@DhananjaiPai no file names are different and maybe the extension too – Juliyanage Silva Oct 30 '19 at 12:51
Then it can be very challenging since different extensions would be storing the "same" image in very different "formats", causing a problem with comparisons. Using openCV.js could help you convert them to a common pixel representation and find the diff – Dhananjai Pai Oct 30 '19 at 12:53
@DhananjaiPai thanks mate but dont know how to run openCV on browsers I think we cant – Juliyanage Silva Oct 30 '19 at 12:59

Check if two already loaded webp images are equal with javascript

0 Answers0