Description
This "kitchen sink" demo shows an advanced production ready usage of the
AlphaJpg-Canvas.js
library. When Javascript is disabled, a <noscript> tag is used to load a <picture>,
which delivers either a WebP or PNG version of the image. If Javascript is enabled, it determines
whether to deliver a WebP image, an AlphaJpg reconstructed image, or a plain PNG file.
This technique offers broad browser support and allows for one to deliver the smallest image file
possible based on the browser's capabilities.
Support
This technique is supported everywhere.