Back to Plugins

Export as WebP
🚀 The ultimate WebP exporter: Compress, Scale, and Boost your site performance!
Plugin Preview
About this plugin
🚀 The ultimate WebP exporter: Compress, Scale, and Boost your site performance!
⚡️ 一键导出 WebP,给你的素材“瘦身”,给你的网站“加速”!
📖 使用指南 / How to Use
🎯 选择目标 (Select Your Targets)
- Select one or multiple layers (Frames, Groups, Images, Text) on your canvas.
- 在画布上选中一个或多个你想要导出的图层(Frame, Group, Image, Text 均可)。
🎚️ 定制参数 (Tweak Settings)
- Quality: Default is 80 (the sweet spot for size/quality). Feel free to slide it from 0-100.
- Scale: Need retina assets? You can multi-select 1x, 2x, or even 3x! The plugin will generate all scales in a single batch.
- Target Size: Set a max file size (e.g., "200KB"). The plugin auto-compresses to fit the limit. No more trial and error!
- 画质: 默认为 80(平衡体积与画质的绝佳甜点),你也可以根据需求在 0-100 之间随意拖动。
- 体积:你可以根据需求将图片压缩到你想要的体积,比如所有图片都小于200KB。
- 缩放: 需要适配高清屏?你可以同时选中 1x 和 2x(甚至 3x)!插件会一次性为你生成所有倍率的图片。
🚀 一键导出 (One-Click Export)
- Hit the Export button and choose your destination. Done! Your WebP files are ready for the web.
- 点击导出按钮,选择保存路径。搞定!你的 WebP 文件已经准备好上线了。
✨ 核心功能亮点 / Key Features
⚖️ 指定体积,智能“瘦身” (Target File Size)
- Set a max file size (e.g., "200KB"). The plugin auto-compresses to fit the limit. No more trial and error!
- 不再盲猜! 你只需要告诉插件:“我要小于 200KB”,插件会自动计算并调整压缩率,确保导出的 WebP 严格符合你的体积要求,同时保持所能达到的最佳画质。
🎚 自由控制画质 (Quality Control)
- Default at 80, but fully customizable.
- 默认 80 质量,支持自定义调节,平衡体积与画质。
📐 多倍率导出 (Multi-Scale Support)
- Export at 0.5x, 1x, 1.5x, 2x, 3x, 4x simultaneously! Perfect for responsive design.
- 支持 0.5x, 1x, 1.5x, 2x, 3x, 4x ,且支持多选!一次导出多套适配资源。
⚡️ 批量操作 (Batch Processing)
- Select one layer or a hundred, export them all at once.
- 支持单选或多选图层,一键批量导出。
🧠 智能记忆 (Smart Memory)
- The plugin remembers your last settings (Quality & Scale).
- 自动记住你的压缩和缩放设置,下次打开即用,无需重复调整。
🌐 中英双语 (Bilingual)
- Switch between English and Chinese easily.
- 界面支持中英文一键切换。
❓ 常见场景示例 / Use Cases
📱 App 开发 (App Development)
- Check 2x and 3x to export high-definition assets suitable for iOS/Android in one go.
- 勾选 2x 和 3x,一次导出适应 iOS/Android 的高清素材。
🌐 网站 Banner (Website Banner)
- Check 1x, set quality to 75, and get a lightning-fast loading full-screen image.
- 勾选 1x,质量设为 75,获得加载速度飞快的首屏大图。
Plugin Details
| Version | 8 |
|---|---|
| Created | November 28, 2025 |
| Last Updated | December 11, 2025 |
| Category | Import & export plugins |
| Creator | Phipps |
| Stats | 29 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML