The transparency of PNGs for the file size of JPEGs
Drag a transparent PNG or GIF from your desktop onto this page or use the file picker and see how many kB ZorroJS can save you.
Using ZorroJS is easy - just use the following code:
In the <head> include this line:
To display a transparent bitmap anywhere in your html use this:
<img src="yourZorroImage.jpg" onload="zorro.mask(this)"/>
ZorroJS has some pitfalls you should be a aware of:
Transparent PNGs are great, but they come at a price: file size. Wouldn't it be nice if there were transparent JPEGs instead? Unfortunately there is no such thing, but ZorroJS gives you the power of transparent PNGs for the size of a JPEG.
The tool on this page helps you to convert your current PNGs to the ZorroJS image format. Give it a try!