图片优化工具WebP转换

本文目录导读：

1. 在线工具（免费，无需安装）
2. 桌面软件
3. 命令行工具
4. Node.js 批量转换脚本
5. 压缩建议
6. 注意事项

我来为您介绍一些优秀的WebP图片转换工具：

在线工具（免费，无需安装）

Squoosh（强烈推荐）

• 地址：squoosh.app
• 由Google开发,支持WebP、AVIF等格式
• 可拖动调节压缩质量
• 支持批量处理

Convertio

• 地址：convertio.co
• 支持多种格式互转
• 有文件大小限制（免费版100MB）

TinyPNG

• 地址：tinypng.com
• 支持PNG/JPG转WebP
• 简单易用,自动优化

桌面软件

XnConvert（免费）

• 支持批量转换
• Windows/Mac/Linux
• 可自定义压缩参数

GIMP（免费）

• 专业图像编辑软件
• 导出时可选择WebP格式
• 功能强大但学习曲线陡峭

命令行工具

cwebp（Google官方）

# 安装
# Mac: brew install webp
# Windows: 下载预编译文件
# 基本使用
cwebp input.jpg -o output.webp
cwebp -q 80 input.png -o output.webp

ffmpeg

ffmpeg -i input.jpg -c:v libwebp -quality 80 output.webp

Node.js 批量转换脚本

const sharp = require('sharp');
const fs = require('fs');
const path = require('path');
async function convertToWebp(inputDir, outputDir, quality = 80) {
  if (!fs.existsSync(outputDir)) {
    fs.mkdirSync(outputDir, { recursive: true });
  }
  const files = fs.readdirSync(inputDir)
    .filter(f => /\.(jpg|jpeg|png)$/i.test(f));
  for (const file of files) {
    const inputPath = path.join(inputDir, file);
    const outputName = file.replace(/\.(jpg|jpeg|png)$/i, '.webp');
    const outputPath = path.join(outputDir, outputName);
    await sharp(inputPath)
      .webp({ quality })
      .toFile(outputPath);
    console.log(`✓ ${file} → ${outputName}`);
  }
}
// 使用示例
convertToWebp('./images', './webp_output', 85);

压缩建议

注意事项

• WebP支持透明度（alpha通道）
• 相比JPEG,相同质量下体积小25-35%
• 部分老旧浏览器（IE）不支持，需做兼容方案
• 动图转WebP（.webp格式也支持动画）

您想要哪种方式？我可以提供更详细的使用教程。

标签： 图片优化