打开编辑器并准备素材
打开编辑器工作台，准备好文字与图片素材（或先用示例内容跑通流程），避免编辑过程中反复切换与中断。
分步指引
保留清晰的上下布局：先读操作要点，再看视频占位演示。
进入编辑工作台示意
在画布与面板中改稿
在画布中选中元素，通过侧栏或面板调整文字、图片、颜色与对齐；按层级与对齐线逐项校对细节。
画布与侧栏编辑示意
导出 SVG / PNG
按需导出 SVG（矢量、可缩放与二次编辑）或 PNG（栅格、便于直接贴图）。建议按投放尺寸与清晰度要求选择合适的导出参数。
导出设置示意
在目标环境核对
导出后在实际投放环境（如公众号/社媒/落地页）预览一遍，重点检查字体、图片清晰度与对齐细节，确认显示符合预期。
预览核对示意
常见问题
与 SVG 导出、栅格清晰度及环境差异相关的问题优先看这里。
导出 SVG 和 PNG 应该怎么选？
SVG 适合需要无损缩放、后续还要改稿或二次合成的场景；PNG 适合目标平台对 SVG 支持有限、或你只需要一张固定尺寸的位图成品时使用。
导出的 PNG 看起来发虚怎么办？
PNG 为栅格图，清晰度与导出倍率/尺寸和源图分辨率有关。可适当提高导出尺寸或倍率，并尽量使用高清原图；纯矢量内容优先用 SVG。
编辑器里预览正常，线上展示不一致怎么办？
逐项核对：是否使用了线上环境不支持的字体；图片是否为外链或跨域受限；目标平台对 SVG 子集与滤镜的支持是否与本地一致。仍无法对齐时，可尝试导出 PNG 对照或联系支持并附上链接与截图。
页面报错、白屏或加载失败如何排查？
先检查网络与广告拦截类扩展，换用 Chromium 内核浏览器的最新版本或无痕窗口重试。若仍复现，请记录浏览器版本、操作步骤与控制台报错摘要，通过关于我们页面反馈。