将 SVG 矢量图片转换为 PNG 格式,支持指定尺寸。使用场景:(1) 将 SVG 图标转换为 PNG,(2) 调整图片尺寸,(3) 前端资源格式转换。使用前需在当前目录安装 sharp 依赖。
SVG 转 PNG 技能 🖼️是一项面向实际任务的技能,主要用于在使用该技能前,需要在当前目录安装 sharp:;输入SVG路径;
输出文件路径;输出图片宽高(正方形);使用 sharp 库读取 SVG 文件,调整为指定尺寸后输出为 PNG 格式。它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。使用时应结合输入条件选择合适的执行方式,核对必要参数、依赖环境与输出内容,并按原始要求处理异常情况。
从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。
在使用该技能前,需要在当前目录安装 sharp:
npm install sharp
node/scripts/convert.js <输入SVG路径> [输出PNG路径] [尺寸]
| 参数 | 必填 | 默认值 | 说明 |
|---|---|---|---|
| 输入SVG路径 | ✅ | - | 要转换的 SVG 文件路径 |
| 输出PNG路径 | ❌ | 同名 .png | 输出文件路径 |
| 尺寸 | ❌ | 1024 | 输出图片宽高(正方形) |
# 转换并输出 1024x1024 node skills/svg-to-png/scripts/convert.js icon.svg icon.png 1024 # 使用默认尺寸 1024 node skills/svg-to-png/scripts/convert.js icon.svg icon.png # 指定不同尺寸 node skills/svg-to-png/scripts/convert.js logo.svg logo.png 512
使用 sharp 库读取 SVG 文件,调整为指定尺寸后输出为 PNG 格式。
相关专题
热门下载
相关下载
精品课程
共6课时 | 54.7万人学习
共89课时 | 134.3万人学习
共49课时 | 82.7万人学习
最新文章