Blur-Up Tech•100% Client-Side Privacy
Blur Hash Generator
Generate ultra-compact BlurHash strings to render smooth blurred image placeholders during web page loading.
Drop your image here or click to browse
Supports PNG, JPG, WebP, SVG, GIF, BMP, HEIC • Paste directly from clipboard (Ctrl+V)
Live Canvas Preview
800 × 600 px
Upload an image to start manipulating
Settings & Controls
Width
Height
How to Use Blur Hash Generator
01
Upload your image.
02
The engine calculates the discrete cosine transform (DCT) BlurHash string.
03
Copy the string to use in Next.js <Image placeholder='blur'> or BlurHash React components.
Frequently Asked Questions
What is BlurHash?
BlurHash is a compact 20-30 character string representation of an image placeholder developed by Wolt.
Discover More