PSD 转 SVG（PNG 栅格内嵌）：用矢量容器装位图主视觉，方便嵌入与缩放声明，但不是把 PSD 自动矢量化
这里的 SVG 本质是「轻量 XML 包装」：把 Photoshop 合并可见后的栅格主视觉（常见为 PNG）嵌进 `<image>`，并带上 `viewBox`、`width`/`height` 等，便于在 Wiki、设计评审页或组件文档里直接引用。像素细节仍受内嵌位图分辨率约束，放大超过有效像素会出现马赛克，与「路径级无限缩放」无关。协作上要先写清：这是预览/占位资产，不是可编辑矢量源；需要改字改形状应回到 PSD 或在 Figma/Illustrator 另建矢量稿。同时注意 CSP、外链与内联体积：若把巨大 PNG 以 base64 塞进页面，首字节与 HTML 体积会暴涨，通常更宜外链静态文件并走缓存。
在线 PSD 转 SVG 怎么用：冻结可见图层后上传，下载带内嵌 PNG 的 SVG，用浏览器与源 PSD 合并视图对照宽高比与清晰度，再写入版本号与哈希随工单归档
- 在 Photoshop 确认对外可见图层、画板像素尺寸与导出长边是否覆盖目标展示宽度乘以设备 DPR，隐藏评审标注；若站点禁止外链图片，提前确认应采用内联还是同源静态路径，再上传以免上线被内容安全策略拦截。
- 下载 SVG 后用浏览器直接打开与在目标页面 iframe 或 `<img>` 各测一次，检查 `viewBox` 与 CSS 缩放是否导致意外拉伸；放大到 200% 观察小字与细线，若发糊应回到 PSD 提高合并分辨率或调整插值，而不是指望 SVG 外壳补细节。
- 将 SVG 与源 PSD、参数说明、文件哈希写入同一发布记录，文件名带版本后缀；组件库引用时使用带内容指纹的 URL，避免 CDN 长期缓存导致设计已更新但页面仍显示旧缩略图。
PSD 转 SVG 常见问题（栅格内嵌、非路径还原）
业务方看到 SVG 就以为可以像图标一样用 CSS 改 `fill` 或拆路径编辑，应如何在交付说明里一句话划清与矢量稿的界限？
应写明：本 SVG 为「内嵌位图的预览包装」，主视觉仍在 `<image>` 引用的 PNG（或等效栅格）里，不包含可独立编辑的矢量轮廓与文本对象；需要矢量源请另走设计系统或桌面导出流程。没有这句，前端常会按图标组件方式接入，结果既改不动颜色又怪「转换器坏了」。
同一文件在 Retina 屏清晰、在普通屏或缩放后模糊，是 SVG 失效还是内嵌位图分辨率与 CSS 尺寸不匹配？
应先用开发者工具看 `naturalWidth` 与 CSS 显示宽度之比是否覆盖 DPR，再看是否被 `transform` 非整数倍缩放；问题几乎总在内嵌图有效像素不足或布局拉伸，而不是 SVG 语法本身。对照 Photoshop 合并后导出同尺寸的 PNG 做 A/B，可快速判断是源稿分辨率还是前端容器写错。
内嵌 PNG 选择 base64 内联还是相对 URL，对性能、缓存与 SEO 各有什么典型取舍？
内联会把体积直接打进 HTML，利于单文件邮件或极小规模嵌入，但会拖慢 TTFB 与破坏浏览器缓存复用；外链静态资源配合长缓存与指纹文件名更适合站点级引用。应在性能预算里二选一写死，并在审计时检查是否误把十兆级预览塞进首屏文档。
安全或合规同事担心 SVG 里夹脚本或远程加载，栅格包装产物应如何回答风险面与如何加固？
正规流程应只生成静态 `<svg>` + `<image>` 结构，不含 `<script>` 与外部实体；仍应用策略扫描、禁止不可信上传直灌生产，并在发布前做哈希冻结。若业务需要用户上传 SVG，必须走消毒与白名单标签，不能把「我们工具是静态的」当成整个站点免疫。
用于印刷或高清户外广告时，能否直接把该 SVG 当最终输出文件交给印厂？
通常不行：预览 SVG 面向屏幕展示与协作，内嵌位图分辨率按网页或文档场景估算，未必满足印刷线数与出血；印刷仍应走 TIFF/PDF 等桌面流程并附印厂 profile。若强行上机，轻则糊，重则与分色、专色、字体嵌入要求全面不符，责任边界应在工单写明「非印刷母稿」。