BlurHash 占位图生成器

根据图片生成一段紧凑的 BlurHash 字符串(仅几十个字符),在照片加载期间显示颜色渐变一致的模糊占位图。

示例:
最大 20 MB。适用于任何照片。

BlurHash 有什么用?

BlurHash 是一段非常短的字符串,用来编码图片的极低频(模糊)版本:即主色调及其大致分布。许多网站和应用(如 Unsplash 或 Medium)会在真实照片加载期间将其作为占位图显示,避免出现白屏或灰屏闪烁,让加载过程感觉更流畅。

「水平/垂直分量」设置是什么意思?

它们控制 BlurHash 在每个方向上捕获的细节程度:数值越高,解码后的结果就保留越多的色彩层次和图片的粗略结构,代价是字符串稍长一些。若只需预览主色调,较低的数值(3-4)就足够了。

如何在我的网站或应用中使用这个哈希?

将生成的字符串与图片 URL 一起存储(例如存入数据库),然后在客户端使用 BlurHash 库(提供 JavaScript、Swift、Kotlin 等版本)解码,即可在真实图片下载之前立刻显示模糊预览。

100% 本地处理:图片分析和 BlurHash 计算完全在您的浏览器中进行,您的照片不会上传到任何服务器。