Placeholder generator
Get a low-weight placeholder for any image, and compare your options side by side.
DeveloperRuns on your device. Nothing is uploaded.
How it works
Add an image
Drop one or more images. Results appear right away.
Compare
Each placeholder is shown at the same shape, with its size.
Tune BlurHash
More components add detail and length.
Copy
Take the string, or a ready-made snippet.
Questions
A tiny LQIP works everywhere with no JavaScript. ThumbHash looks better for its size and handles transparency. BlurHash has the widest library support.
It's a real image in a data URI, so it's longer than a hash. But browsers display it with no decoding code.
To decode BlurHash and ThumbHash, yes. An LQIP or dominant colour needs none.
No. Generating happens in your browser, so nothing is sent to a server.
