image-comparison | Maven Central Java Library that compares 2 images | Computer Vision library

I am attempting to migrate the regression tests for my company's website from Selenium 2.31 and Chrome 25 to Selenium 3.14 and Chrome 75. The tests use a screenshot system where screenshots are taken in the process of the tests and compared with a baseline. In the process, I've encountered an issue where with the same tests, just across different runs, there are small differences in the rendering of small sections of the page that cause the tests to fail.

The tests are run on AWS medium3 machines with Xeon E5-2670's each time. Usually for a particular test, the differences are in the same place - sometimes showing up and sometimes not. I've created a small experiment doing this with google's home page and also found the same thing happening.

I have created the following simple image comparison slider - modified from the version on w3schools (I know my mistake to use their code).

This all works fine on a desktop but when I try to use it on a mobile, nothing happens - it doesn't even register the console.log on the mousedown/touchstart (when I press on the slider button with my finger).

I was wondering if anyone could spot anything obvious with why it isn't working on mobile devices

So I'm designing a few programs for editing photos in python using PIL and one of them was converting an image to greyscale (I'm avoiding the use of any functions from PIL).

The algorithm I've employed is simple: for each pixel (colour-depth is 24), I've calculated the average of the R, G and B values and set the RGB values to this average.

My program was producing greyscale images which seemed accurate, but I was wondering if I'd employed the correct algorithm, and I came across this answer to a question, where it seems that the 'correct' algorithm is to calculate 0.299 R + 0.587 G + 0.114 B.

I decided to compare my program to this algorithm. I generated a greyscale image using my program and another one (using the same input) from a website online (the top Google result for 'image to grayscale'.

To my naked eye, it seemed that they were exactly the same, and if there was any variation, I couldn't see it. However, I decided to use this website (top Google result for 'compare two images online') to compare my greyscale images. It turned out that deep in the pixels, they had slight variations, but none which were perceivable to the human eye at a first glance (differences can be spotted, but usually only when the images are laid upon each other or switched between within milliseconds).

My Questions (the first is the main question):

1. Are there any disadvantages to using my 'rough' greyscale algorithm?
2. Does anyone have any input images where my greyscale algorithm would produce a visibly different image to the one that would be 'correct' ?
3. Are there any colours/RBG combinations for which my algorithm won't work as well?

My key piece of code (if needed):

Recently I made a program which loads an executable or DLL file, enumerates all icon resources in it, and then saves each icon resource as an .ico file in a folder. But it uses Histograms (as discussed in this post) to avoid saving duplicate icons (the icons which appear to be identical).
The program first takes two paths from the user (the user must type them in the console window). One of them is the path of the exe or dll file and the other one is the path of the folder where the .ico files are to be saved.
Then the program loads the exe or dll file with a call to LoadLibraryEx and enumerates the icon resources with a call to EnumResourceNames.
The callback function passed to EnumResourceNames saves each non-duplicate icon resource as an .ico file with a unique name. The names of the saved files are in this manner: 1.ico, 2.ico, 3.ico, 4.ico, .etc

The problem is that my program creates corrupted or unknown .ico files, not real ones. I mean, some of the saved icons have weird images, and some of them are not viewable at all! Even though I wrote BITMAPFILEHEADER structure to each .ico file using WriteFile function.
Just compile and run my code, then type the following in the console window:

There are a lot of "Before & After Comparison Slider". I'm interested in improving it.

Is that possible to slide images without clicking? I mean, divisor(dragger) will be linked to the mouse. When users just hover mouse(without clicking and dragging like now), slides will be changed.

Here are references:

https://codepen.io/dudleystorey/pen/HkwBo

https://codyhouse.co/gem/css-jquery-image-comparison-slider (click demo)

I've found this module https://www.npmjs.com/package/protractor-image-comparison from wswebcreation-nl, which I find interesting and useful in my case. However I'm not that good at Protractor yet, I have problem comparing full page screens. Comparing element images however works, but still throws an error.

Config.js

I have some url of images in my database, and i want to compare them with the images on my local without download them.

i read this example and this question and i tried this

I have a conf.js file in my Protractor test suite.

There was a single onPrepare entry at first but now I wish to add a second.

I'm struggling to get the syntax right so that what follows onPrepare is error free.

Original entry:

I am new to angular js. So this might be very basic question

I have external API data which is a user generated content. The client wants to dynamically show the content. In content, there is script in which directive is created, I tried using ng-bind-html but it doesn't work.