Does this use the actual BlurHash algorithm?

No, it simulates a similar effect using canvas downscaling and blur, with no external library dependency.

Can I control the blur strength?

Yes, the Detail slider changes how much the image is downscaled before blurring.

What is this useful for?

Generating lightweight placeholder images to show while a full image loads.

Image Blur Hash Preview

Generate a low-fidelity blurred placeholder preview.

Works Offline

Privacy First

No Login

No API

Canvas

File API

Source image

Drop a file here

or choose a file — it never leaves your device

Blur preview

Upload an image to generate a blur-hash style placeholder.

About the Image Blur Hash Preview

Simulate a blur-hash style placeholder by downscaling your image to a tiny canvas and smoothly upscaling it back, producing a soft low-detail preview useful for lazy-loading placeholders — no external libraries required.

Examples

Blurred preview

photo.jpg

Output

blur-preview.png

Related tools

Base64 Image Encoder

Images

Convert images to Base64 data URLs and back again.

Color Picker from Image

Images

Sample any pixel color from an uploaded image.

Favicon Generator

Images

Generate a full set of favicon sizes from one image.

Image Border Radius Preview

Images

Preview per-corner border-radius on your own image.

Image Color Palette Extractor

Images

Extract the dominant colors from any image.

Image Compressor

Images

Shrink JPEG, PNG, and WebP images without a server.

Frequently asked questions

Version 1.0.0 · Updated 2026-08-09 · Runs entirely in your browser