BlurHash Generator

BlurHash Generator turns any image you upload into a short BlurHash string—a compact representation of the image’s colors and layout that libraries can decode into a blurry placeholder before the full image loads. Encoding runs entirely in your browser; your file is not uploaded to a server.

What is BlurHash?

BlurHash is an algorithm developed by Wolt and described at blurha.sh. The hash is a short ASCII string (often 20–30 characters) that captures the dominant colors and gradients of an image. Mobile apps and websites use it to show a smooth, lightweight placeholder instead of an empty box or a generic gray skeleton while high-resolution assets download.

How to use this tool

1. Choose an image file (JPEG, PNG, WebP, GIF, and other formats your browser can decode).
2. Adjust Components X and Components Y if you need more detail in the hash (higher values produce longer strings and slightly sharper placeholders).
3. Set Max edge (px) to control how much the image is downscaled before encoding—smaller values encode faster; larger values keep more detail in the hash.
4. Click Encode to BlurHash and copy the string from the output field.

Tips for production

• Typical defaults are 4×3 components; that balances string length and preview quality for photos.
• Downscaling to 32–64 pixels on the longest edge is usually enough for a good placeholder.
• Store the BlurHash next to your image URL in your CMS or API and decode it client-side with the same blurhash library (or a port in your mobile stack).