Image Regression Tests and Text Quality

I've started to put together a quick and dirty image regression test - an HTML page that will load a set of image pairs and generate a third image showing differences between the two so it's easy to spot changes - for example, if I intentionally moved a glyph up a few pixels (good) or introduced a bug so that gas giants stopped rendering (bad). If the images match perfectly, nothing shows up in the diff.

Call for input: what other URLs would be good to have in a corpus of tests as reference images?

While building this I compared my development machine vs. the live site, and was struck once again by how badly the text rendering is done on the server since it stands out in the image diffs. I was able to make a one line change which dramatically improves the text and glyph quality, so if you've saved off any bitmaps recently you probably want to redo them. It's embarrassing that I didn't do this earlier!

I also enabled CORS headers for image generating APIs, but that's probably not of use to anyone unless you're using WebGL to render map tiles or some such.


1 comment:

BeRKA said...

You could add the Legend Sector in the tests, so that you can see that all bases and stuff are rendering correctly.