Create a ThumbHash from an image
Create a blurred image placeholder and copy its Base64 hash.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 ThumbHash
1. Choose an image
Choose a PNG, JPG, or WebP file up to 20 MB. The tool generates a ThumbHash and shows a preview.
2. Copy the ThumbHash
Check the preview, then click Copy result to copy the Base64 value.
3. Use it as a placeholder
Store the hash with your image and decode it in your app to show a blurred preview while the image loads.
FAQ
A ThumbHash is a small piece of data that describes an image’s colors and overall shape. Your app can use it to show a blurred placeholder while the full image loads.
ThumbHash includes an approximate aspect ratio and supports transparency. BlurHash needs a separate aspect ratio and does not encode transparency.
Decode the Base64 text into bytes, then pass them to a ThumbHash decoder. In the thumbhash JavaScript package, thumbHashToDataURL returns a data URL you can use as an image source.
Base64 text. Store it in your database or CMS next to the image URL.
The tool accepts images up to 20 MB, 8192 px per side, and 24 million pixels in total. Before encoding, it reduces larger images to at most 100 px on the longer side.
Yes. Transparent areas in PNG and WebP files are encoded in the hash.
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.
