English

BlurHash生成器 - 在线免费BlurHash生成器

纯前端本地处理,安全快速

拖拽图片到此处,或点击选择

×

常见问题

什么是BlurHash?

BlurHash是由Wolt公司开发的开源算法,将图片压缩成一个短字符串(通常20-30个字符),用于在图片加载前显示模糊的占位图。它比传统的灰色占位框或低分辨率缩略图更加美观,特别适合用于Web和移动App的图片懒加载场景。

组件数(4x3, 6x4等)是什么意思?

组件数决定了BlurHash的精度和字符串长度。更多的组件(如9x9)能更准确地还原图片的颜色分布,但生成的字符串也更长。较少的组件(如4x3)生成更短的字符串但细节更模糊。默认的4x3适合大多数场景。

BlurHash字符串可以直接用在HTML中吗?

BlurHash本身只是一个字符串,需要配合解码库(如blurhash-js)在客户端渲染为Canvas图像。主流前端框架(React、Vue、Svelte)都有对应的BlurHash组件。解码后的渲染约需20-50ms,非常快速。

BlurHash和占位图(placeholder image)有什么区别?

BlurHash是纯文本字符串,不需要额外的网络请求(可直接嵌入HTML/JSON中),而传统的占位图需要额外的HTTP请求加载图片文件。BlurHash也更紧凑——一个30字符的字符串即可表示一幅模糊预览图。

这个工具有帮助吗?

您的反馈帮助我们做得更好