Blurhash Style Preview
Create a tiny blurred placeholder preview from an uploaded image.
Create a soft loading placeholder
Blurred placeholders make image loading feel smoother because users see a color impression before the full asset appears. This tool creates that style by downsampling your uploaded image to a tiny canvas, then scaling it back up with blur.
For example, a 1600 pixel hero photo can become a 320 by 180 soft preview that carries the same broad colors without exposing detail. It is useful for mockups and for deciding whether a placeholder will clash with surrounding page colors.
Not a BlurHash encoder
This produces a PNG preview in the spirit of blurhash placeholders, but it does not output the compact BlurHash text format used by some libraries. The image is sampled in browser canvas only, which keeps unpublished photography and draft artwork local. The visible placeholder helps judge whether the loading state supports the page palette instead of fighting it. It also makes dominant color mismatches obvious.
Frequently Asked Questions
How does the blurhash style preview work?
It draws the uploaded image very small, disables smoothing for the tiny sample, then scales it back up with blur for a soft placeholder.
What should I check before using it?
This creates a blurhash-style image preview, not an encoded BlurHash string compatible with libraries.
When is this useful?
Use it for lazy-load placeholders, design mockups, image loading demos, and quick visual skeletons.
Is this private?
Yes. The uploaded image is sampled locally in your browser.
More free browser utilities for image, design, and publishing workflows.