WebP IMAGESMay Not Work If You Have An Old Browser
WebP Image Format Used For This Section
WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster.
WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index.
Lossless WebP supports transparency (also known as alpha channel) at a cost of just 22% additional bytes. For cases when lossy RGB compression is acceptable, lossy WebP also supports transparency, typically providing 3× smaller file sizes compared to PNG.
Lossy WebP compression uses predictive coding to encode an image, the same method used by the VP8 video codec to compress keyframes in videos. Predictive coding uses the values in neighboring blocks of pixels to predict the values in a block, and then encodes only the difference.
Lossless WebP compression uses already seen image fragments in order to exactly reconstruct new pixels. It can also use a local palette if no interesting match is found.
I Am Experimenting With Lazy Loading
The pages on this section of the site were lazy loaded as soon as the home page had finished loading. This happens in the background and the user never sees the delay.
When you click the links in the menu above, the pages will display immediately as they were already loaded and ready to display despite having a lot of images on them.
In addition, we can have a nice smooth transition between pages and not reload the main menu and header thanks to the "Lightbox in Section" feature of Limelight. We will open the other pages in a lightbox that displays in this very section of the page. It only becomes a full screen modal for small screen sizes.
