A library to show colorful blurry placeholders while your content loads. Does your designer cry every time you load their beautifully designed screen, and it is full of empty boxes because all the images have not loaded yet? Does your database engineer cry when you want to solve this by trying to cram little thumbnail images into your data to show as placeholders? Replace boring grey boxes with beautiful blurhash states and the designers will be happy. Blurhash strings are short enough to be added as a field in a JSON object and to be stored in a database. The implementations are small and easy to port to new languages, and the end result is a smooth and interesting experience for your users. In short, BlurHash takes an image and gives you a short string (only 20-30 characters!) that represents the placeholder for this image. You do this on the backend of your service and store the string along with the image.
Features
- BlurHash takes an image, and gives you a short string (only 20-30 characters!) that represents the placeholder for this image
- When you send data to your client, you send both the URL to the image, and the BlurHash string
- It can easily be added as a field in a JSON object
- The blurhash algorithm encodes your image into the short string above, ready to save in a database
- The blurhash string is decoded into a small image that is rendered on to a canvas
- Pick image or upload your own