【浏览器执行模式】 : 您的所有数据均在浏览器中处理,不会上传服务器,数据安全有保障。不放心的,可等待页面加载完成后 断网使用!(需提前登录账号)
【速度及稳定性】 : 处理速度由您的机器配置决定。由于浏览器差异,少数工具可能出现无法使用或异常:请使用:软件版工具
工具使用
返回旧版工具
提示:请先选择 SVG 文件并设置输出参数,再开始转换。
批量文件仅展示前 20 个用于核对,处理时会转换所选文件;默认按原文件名输出 WebP,重名会自动追加数字。
选择 SVG 文件
支持单个或批量 SVG 文件。文件会在当前设备中读取与转换,不需要上传到服务器。
尚未选择文件。
文件预览
0 个文件
等待选择文件选择 SVG 后会显示文件名、大小和缩略图。
转换设置
建议先确认压缩模式、透明背景和尺寸,再进入转换下载。无损优先模式会以较高质量请求 WebP 编码。
压缩与透明度
WebP 支持有损、无损优先和透明背景
无损优先会使用质量100编码,实际编码方式由浏览器 WebP 组件决定。
用于换算 in、cm、mm、pt 等 SVG 物理单位。
尺寸设置
原始尺寸来自 SVG 的 width、height 或 viewBox
文件命名
默认使用原文件名,扩展名改为 .webp
转换下载
点击开始转换后可预览前 20 个结果。批量文件会全部处理,成功结果可单独下载或打包为 ZIP。
待处理0
成功0
失败0
结果大小0 KB
请先设置参数,然后开始转换。
结果预览
0 个结果
等待转换完成后会显示前 20 个 WebP 结果。
使用说明
软件使用说明
- 选择SVG文件:点击“选择 SVG 文件”区域,或将SVG文件拖拽到上传区域。支持一次选择多个SVG文件,界面只展示前20个文件,处理时会转换全部文件。
- 载入示例数据:点击“载入示例SVG”可快速查看转换流程和默认输出效果。
- 配置压缩与背景:
- 压缩模式:可选择有损压缩或无损优先模式。有损压缩适合减小体积,无损优先适合图标和Logo等质量要求较高的场景。
- 输出质量:有损压缩模式下可调节质量,数值越高,画面细节通常越好,文件也可能更大。
- 背景处理:可保持透明背景,也可填充指定背景颜色。
- 基准DPI:用于换算SVG中的in、cm、mm、pt等物理单位。
- 设置输出尺寸:
- 保持原始尺寸:按SVG自身宽高或viewBox输出。
- 按倍率输出:可选择1x、1.5x、2x、3x、4x等倍率。
- 自定义宽高:手动设置输出宽度和高度,并可选择保持比例。
- 裁剪透明边距:自动裁掉图片周围透明空白区域。
- 设置文件命名:可添加文件名前缀或后缀。默认保留原文件名,仅将扩展名改为.webp;遇到重名会自动追加数字区分。
- 开始转换:进入“转换下载”步骤,点击“开始转换”,工具会显示成功数量、失败数量、结果大小和进度。
- 预览和下载:转换完成后可预览前20个结果,可单独下载,也可点击“下载全部结果(ZIP)”获取全部成功转换的WebP文件。
常见问题
答:WebP适合网页图标、Logo、插画、Banner和常规图片优化。它支持透明背景,也支持有损压缩和无损优先输出,常用于减小网页图片体积。
答:有损压缩适合网页展示和文件体积优化,可手动调节质量;无损优先适合图标、Logo、线稿等对边缘和颜色要求较高的图片。
答:可以。背景处理选择“保持透明背景”时,SVG中的透明区域会保留为WebP透明通道;如果选择“填充指定背景色”,透明区域会被所选颜色填充。
答:SVG是矢量文本格式,简单图标本身可能很小;WebP是位图格式,输出尺寸越大、质量越高,文件也可能变大。可降低输出尺寸、质量或裁剪透明边距来控制体积。
答:默认保留原SVG文件名,只把扩展名改为.webp。若多个文件转换后名称重复,工具会在文件名后自动追加数字,避免覆盖结果。
答:开启“自定义宽高时保持比例”,并选择“等比完整显示”适配方式,可减少拉伸变形。如果需要填满画布,可选择“等比填满画布”。
答:常见原因包括SVG语法不完整、引用了外部图片或字体、包含复杂脚本、使用了不兼容的foreignObject内容等。建议先清理SVG结构,并尽量使用内嵌路径、文字转曲或本地资源。