4 ms·
Thanks for sharing this tip! Are there any guides you recommend? Edit: Here’s one guide for the legacy Imagemagick (may not work for the latest release), https
by mch82 5y ago
Thanks for sharing this tip! Are there any guides you recommend?
Edit: Here’s one guide for the legacy Imagemagick (may not work for the latest release), https://legacy.imagemagick.org/Usage/compare/ https://legacy.imagemagick.org/Usage/compare/
I’m trying to encourage my front end developers to use visual diffs to validate rendering rather than use Protractor to test HTML/CSS.
I’ve known about BackstopJS, https://garris.github.io/BackstopJS/ https://garris.github.io/BackstopJS/ and am on the lookout for alternatives.
- majkinetor 5y agoPerceptual diff is another tool doing this: http://pdiff.sourceforge.net http://pdiff.sourceforge.net
- bkyan 5y agoI would recommend generating an animated .webp for the diff output, which ImageMagick supports. Animated GIFs have color resolution limits.
- bkyan 5y agoA note of caution if you're planning to use Puppeteer for screenshots -- One oddity I've experienced with Puppeteer, is that there are sometimes very small height differences between headless and non-headless modes when generating screenshots. I suspect the root cause is that they are rounding sub-pixels differently, in certain scenarios. So, I typically run Puppeteer locally with { headless: false } to try to get a pixel-perfect match to the regular desktop Chrome experience.