Quality toggle option

[jhauberg]

With Trickbook, all the cards are represented by a single image containing art, text etc. and obviously this is not optimal. Because each image is high quality and has sizes of ~2MB for each image, it can take a lot of time getting your printer to process everything. Of course, high quality is not a bad thing, but with most home printers, you wouldn't even notice going from the high quality cards to cards of 50% less quality (which would also print significantly faster, and take up less space).

So having a toggle for quality could be neat for this particular case. It could be something like: high quality (for professional printers) and low quality (recommended for home printers). Maybe find better names than high and low because low is such a negative word.

Note that this is only an issue for cards with large portions of rasterized elements; if the cards are made up of primarily vector elements, this is not a toggle that makes sense.

[jhauberg]

This would take significant effort to implement.

The project would have to build and include all image files; both low and high quality versions. Then, each <img> tag would have to be somehow configurable by JavaScript to toggle between the two image qualities. But even then, there's no guarantee that an image field is actually transformed into a <img> tag- so how could this work?

Another note: the home printer (aka. low quality) should be the default setting; high quality is the alternative- this is absolutely also better for the browsers.

Maybe there's actually not a toggle, but rather a link heading to a high quality version of the same project. But I don't really like that idea. Everything should be contained in a single html file.