Back to Plugins
Export as WebP

Export as WebP

🚀 The ultimate WebP exporter: Compress, Scale, and Boost your site performance!

Plugin Preview

Export as WebP preview

About this plugin

🚀 The ultimate WebP exporter: Compress, Scale, and Boost your site performance!

⚡️ 一键导出 WebP,给你的素材“瘦身”,给你的网站“加速”!



📖 使用指南 / How to Use


🎯 选择目标 (Select Your Targets)

  1. Select one or multiple layers (Frames, Groups, Images, Text) on your canvas.
  2. 在画布上选中一个或多个你想要导出的图层(Frame, Group, Image, Text 均可)。


🎚️ 定制参数 (Tweak Settings)

  1. Quality: Default is 80 (the sweet spot for size/quality). Feel free to slide it from 0-100.
  2. Scale: Need retina assets? You can multi-select 1x, 2x, or even 3x! The plugin will generate all scales in a single batch.
  3. Target Size: Set a max file size (e.g., "200KB"). The plugin auto-compresses to fit the limit. No more trial and error!
  4. 画质: 默认为 80(平衡体积与画质的绝佳甜点),你也可以根据需求在 0-100 之间随意拖动。
  5. 体积:你可以根据需求将图片压缩到你想要的体积,比如所有图片都小于200KB。
  6. 缩放: 需要适配高清屏?你可以同时选中 1x 和 2x(甚至 3x)!插件会一次性为你生成所有倍率的图片。


🚀 一键导出 (One-Click Export)

  1. Hit the Export button and choose your destination. Done! Your WebP files are ready for the web.
  2. 点击导出按钮,选择保存路径。搞定!你的 WebP 文件已经准备好上线了。



✨ 核心功能亮点 / Key Features


⚖️ 指定体积,智能“瘦身” (Target File Size)

  1. Set a max file size (e.g., "200KB"). The plugin auto-compresses to fit the limit. No more trial and error!
  2. 不再盲猜! 你只需要告诉插件:“我要小于 200KB”,插件会自动计算并调整压缩率,确保导出的 WebP 严格符合你的体积要求,同时保持所能达到的最佳画质。


🎚 自由控制画质 (Quality Control)

  1. Default at 80, but fully customizable.
  2. 默认 80 质量,支持自定义调节,平衡体积与画质。


📐 多倍率导出 (Multi-Scale Support)

  1. Export at 0.5x, 1x, 1.5x, 2x, 3x, 4x simultaneously! Perfect for responsive design.
  2. 支持 0.5x, 1x, 1.5x, 2x, 3x, 4x ,且支持多选!一次导出多套适配资源。


⚡️ 批量操作 (Batch Processing)

  1. Select one layer or a hundred, export them all at once.
  2. 支持单选或多选图层,一键批量导出。


🧠 智能记忆 (Smart Memory)

  1. The plugin remembers your last settings (Quality & Scale).
  2. 自动记住你的压缩和缩放设置,下次打开即用,无需重复调整。


🌐 中英双语 (Bilingual)

  1. Switch between English and Chinese easily.
  2. 界面支持中英文一键切换。



❓ 常见场景示例 / Use Cases


📱 App 开发 (App Development)

  1. Check 2x and 3x to export high-definition assets suitable for iOS/Android in one go.
  2. 勾选 2x 和 3x,一次导出适应 iOS/Android 的高清素材。


🌐 网站 Banner (Website Banner)

  1. Check 1x, set quality to 75, and get a lightning-fast loading full-screen image.
  2. 勾选 1x,质量设为 75,获得加载速度飞快的首屏大图。

Plugin Details

Version8
CreatedNovember 28, 2025
Last UpdatedDecember 11, 2025
CategoryImport & export plugins
CreatorPhipps
Stats29 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none