Export as WebP

About this plugin

⚡️ The all-in-one WebP exporter: Control quality, target file size, protect clarity, and ship faster!⚡️ 一站式 WebP 导出工具：画质、体积、清晰度都能管，让素材轻装上阵，让网页快点起飞！📖 使用指南 / How to Use🎯 选择目标 (Select Your Targets)Select one or multiple layers (Frames, Groups, Components, Images, or Text) on your canvas.在画布上选中一个或多个需要导出的图层（Frame、Group、Component、Image、Text 均可）。🧭 选择模式 (Choose an Export Mode)By Quality: Set a fixed quality from 0–100 for predictable compression. Quality 100 outputs truly lossless WebP.按质量：设置 0–100 的固定质量，直接控制压缩效果；质量 100 会输出真正无损 WebP。By Size: Enter a target size for each image and let the plugin search for the best available quality automatically.按体积：输入每张图片的目标体积，插件会自动搜索可达到的最佳画质。🎚️ 定制参数 (Tweak Settings)Quality: Default is 80. Values 0–99 use lossy compression while preserving transparency; 100 is lossless.画质：默认为 80；0–99 使用有损压缩并保留透明背景，100 为真正无损。SSIM: Available only in target size mode, with an adjustable range of 0.900–0.999 and a default threshold of 0.980. Raise it for stronger quality protection, or turn it off to skip visual checks.SSIM：仅在“按体积”模式中使用，可在 0.900–0.999 之间调节，默认阈值为 0.980；数值越高越重视画质，也可以关闭后跳过画质检查。Scale: Multi-select 0.5x, 1x, 1.5x, 2x, 3x, or 4x to generate all required sizes in one batch.缩放：支持多选 0.5x、1x、1.5x、2x、3x、4x，一次生成多套所需尺寸。🚀 一键导出 (One-Click Export)Hit Export and the plugin will render, encode, and download your WebP files. Multiple outputs are automatically packed into a ZIP.点击导出，插件会自动完成渲染、编码和下载；多个产物会自动打包为 ZIP。Need to change course? Click Stop Export to cancel pending rendering and encoding tasks safely.临时改变主意？点击“停止导出”，即可安全取消后续渲染与编码任务。✨ 核心功能亮点 / Key Features🧭 双模式导出 (Two Export Modes)Use quality mode for direct control, or target size mode when every kilobyte needs a job description.按质量模式直接控制压缩效果；按体积模式则负责给每一个 KB 安排得明明白白。🗜️ 真正无损 WebP (True Lossless WebP)Powered by local libwebp WASM for consistent results. Quality 100 uses true WebP Lossless, while Alpha transparency is preserved at every quality.使用本地 libwebp WASM 稳定编码；质量 100 输出真正的 WebP Lossless，所有质量档位都会保留 Alpha 透明背景。🔰 SSIM 画质保护 (SSIM Quality Protection)When enabled in target size mode, SSIM stops compression before visible quality drops below your chosen threshold.在“按体积”模式中开启 SSIM 后，画质低于设定门槛前就会及时刹车，不让像素被压得面目全非。🎯 智能目标体积 (Smart Target Size)The plugin searches for the highest suitable quality near your target without changing resolution automatically. If size and SSIM conflict, quality wins and the over-target result is clearly marked.插件会在不自动降低分辨率的前提下，搜索接近目标体积的最高合适画质；如果体积与 SSIM 冲突，则优先画质并明确标记超限结果。📐 多倍率导出 (Multi-Scale Support)Export at 0.5x, 1x, 1.5x, 2x, 3x, and 4x simultaneously—perfect for responsive layouts and high-density displays.支持同时导出 0.5x、1x、1.5x、2x、3x、4x，轻松适配响应式布局和高清屏。⚡️ 批量处理与 ZIP (Batch Processing & ZIP)Select one layer or dozens. Every selected layer and scale is processed independently, and multiple results are packed into one tidy ZIP.一个图层或几十个图层都能一起处理；每个图层和倍率独立导出，多个结果自动收进一个整洁的 ZIP。🛑 随时停止 (Stop Anytime)Cancel long exports with one click. Queued tasks, background encoding, and subsequent Figma rendering stop together.长时间导出可随时一键停止，排队任务、后台编码和后续 Figma 渲染会一起收队。💬 清晰状态与结果 (Clear Status & Results)The status text will report the current stage. Results include file size, quality, SSIM when enabled, encoding attempts, warnings, and individual failures.状态文案会报告当前阶段；结果包含文件体积、质量、启用时的 SSIM、编码尝试次数、超限警告和单项失败信息。🧠 智能记忆 (Smart Memory)The plugin remembers your language, mode, quality, target size, SSIM switch, minimum SSIM, and selected scales.自动记住语言、模式、质量、目标体积、SSIM 开关、最低 SSIM 和缩放倍率，下次打开无需重新设置。🌐 中英双语 (Bilingual)Switch between English and Chinese anytime. The adaptive panel and help dialog keep the interface comfortable in both languages.支持中英文随时切换，自适应面板与帮助弹窗会照顾好不同语言下的界面空间。❓ 常见场景示例 / Use Cases🛍️ 电商商品图 (E-commerce Product Images)Use target size mode with SSIM around 0.990–0.995 to protect product details and text while keeping page weight under control.使用“按体积”模式并将 SSIM 设为约 0.990–0.995，在控制页面体积的同时保护商品细节和文字清晰度。🌐 网站 Banner (Website Banners)Choose 1x in quality mode and start around quality 75–85 for a practical balance between visual detail and loading speed.在“按质量”模式中选择 1x，可从质量 75–85 开始尝试，在视觉细节与加载速度之间取得实用平衡。🖥️ UI 截图与示例图 (UI Screenshots & Examples)Enable SSIM protection for text-heavy screenshots and interface previews so sharp edges do not quietly turn into blur.为文字较多的截图和界面示例开启 SSIM 保护，避免锐利边缘在不知不觉中被压糊。📱 响应式资源 (Responsive Assets)Select multiple scales in one export to prepare lightweight web images and high-density assets without repeating the workflow.一次勾选多个倍率，同时准备轻量网页图片与高清屏素材，不必重复操作。