DEV Community
·
Blurhash与Directus：如何添加模糊图像加载
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
Blurhash是一种紧凑的图像文本表示，能在原图加载前提供模糊预览，提升用户体验。通过directus-extension-blurhasher插件，用户可自动生成和存储Blurhash，并支持不同的细节级别。安装后，Directus会新增设置，允许在重启时重新生成Blurhash，前端可使用生成的Blurhash字符串展示模糊预览。
🎯
关键要点
- Blurhash是一种紧凑的图像文本表示，能在原图加载前提供模糊预览，提升用户体验。
- 通过directus-extension-blurhasher插件，用户可自动生成和存储Blurhash，并支持不同的细节级别。
- 安装插件后，Directus会新增设置，允许在重启时重新生成Blurhash。
- 用户可以选择细节级别（低、中、高），影响Blurhash字符串的长度和处理速度。
- 插件安装后，任何文件请求都会返回包含生成的Blurhash字符串的新字段。
- 生成的Blurhash字符串可在前端展示模糊预览，提升用户体验。
- 支持项目在GitHub上，并分享集成经验。
➡️
