Create a BlurHash from an image
Create a compact BlurHash for an image loading placeholder.Free to use in your browser, with no sign-in.
Drop an image hereor click to choose a PNG, JPG, or WebP file. Up to 20 MB.
How to create a BlurHash
1. Choose an image
Choose a PNG, JPG, or WebP file up to 20 MB. The tool generates the BlurHash automatically.
2. Check the preview
The hash appears with a blurred preview of how the placeholder will look.
3. Copy the BlurHash
Click Copy result to copy the hash. Store it with your image and decode it in your app to display the placeholder.
FAQ
A BlurHash is a short text string that describes a blurred version of an image. Your app decodes it into a placeholder while the full image loads.
28 characters. This tool uses 4 horizontal and 3 vertical components to describe the image.
Decode it with a BlurHash library, such as the blurhash package on npm, and draw the result as a placeholder. Store the image width and height separately, since the hash does not include them.
BlurHash stores a blurred preview as text. ThumbHash also stores an approximate aspect ratio and supports transparency. Use the format your app can decode.
They are treated as white, because BlurHash does not store transparency.
No. Your image is processed on your device and is not sent to our servers.
No. All image tools are free to use, with no sign-in.
