生成轻量图片占位图

生成 32 像素宽的模糊 WebP 和可直接使用的 CSS。 所有文件都在当前浏览器中处理，不会上传到 HarnessTrail 服务器。

适用场景

  • 图片懒加载
  • 首屏占位
  • 渐进式加载

支持格式

输入格式
JPG、JPEG、JFIF、PNG、WebP、AVIF、GIF、SVG、BMP、ICO、HEIC、HEIF、PSD、TIFF、TGA（实际解码能力取决于浏览器）
输出格式
WebP 和 CSS 文本

使用方法

  1. 01导入需要使用“生成轻量图片占位图”处理的文件，可一次选择多个文件或整个文件夹。
  2. 02在右侧设置处理参数，并在中间预览区检查原文件和预期效果。
  3. 03点击开始处理；完成后可单独下载、打包 ZIP，或把图片结果送入下一个工具。

兼容性与限制

常见问题

文件会上传到服务器吗？

不会。文件读取、处理和导出都在浏览器本地完成。

“生成轻量图片占位图”支持批量处理吗？

独立型工具支持逐文件批量处理；拼接、对比、GIF 和 PDF 等组合型工具会按整组文件处理。