ImageCompare provides a graphical interface to compare to similar images.
<div class="card">
<p:imageCompare leftImage="/resources/demo/images/compare/lara-ps3.png"
rightImage="/resources/demo/images/compare/lara-ps4.png"
width="450" height="435"/>
</div>