BlurHash is an open-source algorithm developed by Wolt that compresses an image into a short string (usually 20-30 characters), used to display a blurry placeholder before the actual image loads. It's more aesthetically pleasing than gray placeholder boxes and ideal for lazy loading in web and mobile apps.

Free BlurHash Generator - Online Tool | No Signup

Generate and decode BlurHash placeholder strings entirely in your browser. No signup required.

Upload Image

📁 Click or drag an image here

BlurHash Output

Upload an image to generate its BlurHash string

❓ FAQ

What do the component counts (4x3, 6x4) mean?

Component count determines BlurHash precision and string length. More components (e.g., 9x9) reproduce color distribution more accurately but generate longer strings. Fewer components (e.g., 4x3) produce shorter strings with blurrier details. Default 4x3 works well for most cases.

Can I use BlurHash strings directly in HTML?

BlurHash is just a string — it needs a decoding library (like blurhash-js) to render as a Canvas image on the client side. Major frontend frameworks (React, Vue, Svelte) have BlurHash components. Decoded rendering takes about 20-50ms, very fast.

How is BlurHash different from placeholder images?

BlurHash is a pure text string — no extra network request needed (can be embedded directly in HTML/JSON), while traditional placeholder images require an additional HTTP request. BlurHash is also more compact — a 30-character string can represent a blur preview.