Thumbnail hashing for images v2.11.1
Why thumbnail? During page rendering for massive large documentations, when no thumbnail, blurhash nor thumbhash images applied, browser will try to load the original image, this may cause a huge performance issue, and even cause the page layout shaking, blinking, and re-painting, which eventually result in bad user experience.
So we got the solution by integrating Thumbhash algorithm into VitePress sites:
Feel free to interact with the Thumbhash previewer below, and see how it works!
It is ok to replace to your image, or try to edit the thumbhash base64.
Input Thumbhash to preview
The generated thumbhash base64 will be like this:
HikOLYh4eXepiHecd/d3eoaAdwh4if you have database or CMS connected to VitePress, you can store the thumbhash base64 into your database, and use it to render the image in your VitePress site. It's small enough to be stored in your database, and it's fast enough to be rendered in your VitePress site.
Features
Installation
It is easy and straightforward to install the thumbnail hashing plugin into your VitePress project, please follow the steps under Getting started page!
Neko
Rizumu