Look at our sample image. Narcissus covers about 20% of overall area, inscriptions about 10% and approximately 70% of the picture are almost black. Why should we save all the image with equally high quality? Channel-based weighted optimization solves this problem.
This tutorial is mainly supposed to teach you how to get the pixel borders implanted into your html document. This can be done in many ways, using different techniques.