Recraft AI提供四种位图转矢量方法：一、网页端点击“Vectorize”一键转换；二、Canvas中开启“Convert to vector”开关；三、以原图作参考，用提示词引导AI重绘后再矢量化；四、通过开发者工具复制内嵌SVG代码。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要把一张PNG或JPG格式的位图（比如扫描的手绘稿、模糊的LOGO截图、旧包装照片）变成可无限缩放、节点可拖拽、描边可调粗细的矢量图形，同时保留原始结构和色彩分组，而不是生成一张更清晰的位图。
网页端一键Vectorize转换
这是最快捷的路径，适用于已上传或刚生成的位图，系统自动识别轮廓与色块，输出带分组的SVG路径。
1、在Recraft工作台中，点击左上角“Upload”按钮，选择本地位图文件——【建议分辨率≥1024×1024，背景透明更佳】，否则边缘可能被误判为填充色块。
2、图像加载完成后，在右侧预览区域右下角找到并点击Vectorize按钮。
3、进度条结束后，页面将显示并排对比：左侧原始图，右侧矢量预览；此时拖动滑块可实时切换Outline only / Fill + Outline模式，检查线条闭合度与色块分离是否准确。
4、确认无误后，点击右上角Export按钮，选择SVG (Vector)格式下载。
Canvas画布中手动触发矢量化
当上传图片未激活Vectorize按钮，或你希望对转换结果做精细控制（比如强化边缘、限制色组数量），就必须进入Canvas环境操作。
方法一：图层开关式转换
1、左侧工具栏点击Canvas，新建空白画布。
2、将已上传的位图拖入画布中央，松开鼠标使其成为独立图层。
3、单击选中该图层，在右侧属性面板中找到Convert to vector开关并开启。
4、若出现参数调节项，将Path simplification设为Medium，Color fidelity设为High——前者防止路径过度简化导致形状失真，后者避免相邻色块被合并。
方法二：右键快捷式转换
右键点击画板中的图像，直接选择“Vectorize image”选项，等待处理完成即可进入预览界面。
用提示词引导AI重绘后再矢量化
面对边缘粘连、线条发虚、含复杂渐变或半透明叠层的位图，直接Vectorize容易丢失细节或产生碎路径。这时要先让AI“理解结构”，再转矢量。
第一步：设参考图
1、在图像预览页点击Use as reference，将当前位图设为风格与构图锚点。
用户要生成可打印的中文字帖/练习纸、导出多页 A4 PDF 报告，或把 SVG 设计稿零误差还原到 Canvas 时使用。本技能是「Canvas 内容工厂闭环」的总控，编排：网格渲染引擎(13 种教育网格+拼音标注) → 多页 PDF 导出(A4 合成) → SVG 精准复刻(坐标误差<0.001px)。触发词：生成字帖、练习纸、导出 PDF、SVG 转 Canvas、印刷级还原、A4 报告、米字格田字格。
第二步：输入结构化提示词
2、在提示框中输入：“clean line art version of this image, bold outlines, flat colors, no shading, SVG vector only, centered composition”。
第三步：生成并矢量化
3、点击Generate，待新图生成后，立即对其执行Vectorize操作——这步不能跳过，因为AI输出仍是位图，必须二次矢量化才能获得可编辑路径。
【注意：不要省略“SVG vector only”这个短语，否则模型可能忽略矢量建模逻辑，输出带抗锯齿边缘的伪矢量】
导出SVG的两种关键路径
Pro用户与免费用户导出方式不同，但都必须确保最终文件是真正的SVG代码，而非PNG伪装成.svg后缀。
① Pro用户直导分层SVG
1、生成满意结果后，点击右上角Export按钮。
2、选择SVG (Vector)选项，勾选Preserve layers and groups。
3、点击Download SVG，保存后可用文本编辑器打开，确认文件开头为<svg xmlns=...>且内部含<path d="...">等原生路径标签。
② 免费用户提取内嵌SVG
1、在Recraft网页界面中打开已生成的插画预览页。
2、按Ctrl+Shift+I（Windows）或Cmd+Option+I（Mac）调出开发者工具。
3、切换至Elements面板，按Ctrl+F搜索<svg，定位到最外层<svg>标签。
4、右键该标签→Edit as HTML→全选→复制全部内容。
5、粘贴至VS Code或记事本，另存为logo.svg——【务必检查文件开头是否有DOCTYPE声明或JS脚本混入，如有则删掉，只保留纯<svg>区块】。
