Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>PNG to WebPNew to Visual Studio Code? Get it now.
PNG to WebP

PNG to WebP

songxinyuan

|
38 installs
| (1) | Free
Right-click to batch convert PNG/JPG/JPEG to WebP format.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

PNG to WebP

一个 VS Code 插件,用于将文件夹内的 PNG, JPG, JPEG 图片批量转换为 WebP 格式。

使用演示

使用演示

⚠️ 重要:使用前置条件

在使用此插件前,您必须先在您的计算机上安装 Google 的 WebP 命令行工具。

本插件只是一个方便的包装器,它会调用您系统中的 cwebp 命令来执行转换。

WebP 工具安装指南

macOS

# 推荐使用 Homebrew
brew install webp

Linux

# Ubuntu/Debian
sudo apt-get update && sudo apt-get install webp

# CentOS/RHEL
sudo yum install libwebp-tools

# Arch Linux
sudo pacman -S libwebp

Windows

# 推荐使用 Chocolatey
choco install webp
# 或者 Scoop
scoop install webp

您也可以从 Google 官方网站 下载预编译的二进制文件。

功能特点

  • 🖼️ 将文件夹内所有 PNG, JPG, JPEG 图片批量转换为 WebP 格式
  • 🧠 智能转换: 如果转换后的 WebP 文件比原始文件还大,将自动跳过该文件,不生成多余的图片。
  • ⚙️ 可自定义 WebP 的压缩质量
  • 🗑️ 可选择在转换成功(且文件体积减小)后删除原始文件
  • 📊 在"输出"面板中提供清晰、实时的转换进度和结果统计

使用方法

  1. 首先,确保已遵循上面的指南安装了 cwebp 工具。
  2. 在 VS Code 中,右键点击侧边栏"资源管理器"中的任意文件夹。
  3. 选择 "Convert to WebP"。
  4. 插件会在 VS Code 的"输出"面板中开始执行转换,并显示每个文件的详细处理状态。
  5. 等待转换完成。

插件设置

您可以在 VS Code 的设置中调整以下配置 (settings.json):

  • png-to-webp.quality: The compression quality for WebP, from 0 to 100 (default: 85).
  • png-to-webp.deleteOriginalAfterConversion: Whether to delete the original image file after successful conversion (default: false).

注意事项

  • 在转换大量文件或大尺寸图片前,建议先备份您的原始文件。
  • 转换过程需要一些时间,具体取决于文件数量和您的计算机性能。

问题反馈

如果您在使用过程中遇到任何问题:

  1. 请首先打开一个新的系统终端(不要在 VS Code 内),然后运行 cwebp -version 命令,确保它能被正确执行。如果提示"命令未找到",说明您的 WebP 工具没有安装成功或没有被添加到系统的 PATH 环境变量中。
  2. 如果工具本身没有问题,但插件运行失败,欢迎通过 Gitee Issues 向我们反馈。

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft