Screenshot comparison?

D

Deenamo2012-01-06 09:04:12

Automation

Deenamo, 2012-01-06 09:04:12

Suppose HTML and CSS layout is being rewritten in the site engine, and you need to make sure that nothing “floated” in the new version on numerous pages with content.
You can automatically take screenshots before and after changes. How are they similar to each other?
ImageMagick compare doesn't seem to work, because in the new version of the layout, large blocks can be shifted by several pixels - which is not critical, but the difference per pixel will be huge.

Reply

Answer the question

In order to leave comments, you need to log in

4 answer(s)

R

RuJet, 2012-01-06
@RuJet

ImageMagick compare doesn't seem to work, because in the new version of the layout, large blocks can be shifted by several pixels - which is not critical, but the difference per pixel will be huge.
And if you apply the techniques that are used to compare photographs?

V

vart, 2012-01-06
@vart

www.creamtec.com/products/screenster/index.html

K

kmike, 2012-01-06
@kmike

You can look here: pdiff.sourceforge.net/

X

xmoonlight, 2016-02-10
@xmoonlight

Look in the direction of image segmentation, without this you will not be able to catch the "delta" - shifts noticeable to the eye and layout bugs.
By segmentation tree - determine the distance between blocks based on the center of mass of each part. If it is somewhere more than necessary - this is a layout error!
Good luck!