SVG、PNG、JPG 图像导出:矢量 vs 位图怎么选
三种格式的定位
MagicPlan 可以把平面图导成三种图像格式,它们的用途完全不同:
| SVG | PNG | JPG | |
|---|---|---|---|
| 类型 | 矢量图(线条和形状,无限缩放) | 位图(像素,有分辨率上限) | 位图(有损压缩) |
| 放大 | 无损清晰 | 放大会糊 | 放大会糊 |
| 透明背景 | ✅ | ✅(PNG-24) | ❌(白底) |
| 文件大小 | 最小(纯文本) | 中 | 小(有损) |
| 可编辑 | ✅(用 Illustrator / Figma / SketchUp 打开后可编辑每个元素) | ❌(像素化) | ❌ |
| 适用订阅 | Sketch 及以上 | Sketch 及以上 | Sketch 及以上 |
什么时候导 SVG
SVG 是矢量格式——所有线条和形状都是用数学公式描述的,放大任意倍都清晰。这使得它非常适合:
- 导入 SketchUp / AutoCAD / Figma 做进一步编辑:矢量线条可以直接被这些软件识别为可编辑元素,而不是一张贴图
- 打印成大幅海报:比如店铺装修的大幅平面展示图
- 嵌入专业排版:需要高质量平面图的正式文档
- 网站或演示用图:响应式页面里 SVG 缩放完美
MagicPlan 的 SVG 导出会保留:
- 所有墙体线条
- 门窗位置和形状
- 物体轮廓
- 尺寸数字(作为文本)
不会保留的:
- 3D 渲染(SVG 是平面格式)
- 照片和图像
- 颜色填充(除非你专门设置了)
什么时候导 PNG
PNG 是无损位图,适合:
- 快速给人看:和 PDF 一样清晰,但可以直接拖进聊天软件
- 嵌入 Word / PPT:矢量 SVG 在 Word 里可能显示异常,PNG 最稳
- 需要透明背景:PNG-24 支持透明,可以嵌进有底色的幻灯片里
- 手机端快速查看:PNG 在任何设备上都能正常打开
什么时候导 JPG
JPG 是有损压缩位图,适合:
- 文件大小敏感的场景:发微信 / 邮件 / 云盘时,JPG 最小
- 不追求完美清晰度:手机屏幕上看差别不大
不推荐用 JPG 来做正式文档的插图——有损压缩会让线条边缘出现锯齿。
导出步骤
- app → Export / Share
- 选 Sketch PDF(不对——要选下面的 Export as Image 类选项)
- 选格式:SVG / PNG / JPG
- 设置参数:
- PNG 分辨率:默认 150 DPI,建议 300 DPI 用于打印
- 是否显示尺寸数字
- 是否包含 3D 视图(PNG/JPG 可以)
- 水印(免费版有水印)
- 生成 → 分享 / 保存
导入 SketchUp
这是很多人导 SVG 的核心原因——MagicPlan 的 SVG 可以直接进 SketchUp:
- SketchUp → File → Import → 选 SVG
- 设置导入参数(单位对应 MagicPlan 的单位)
- 导入后你会看到:
- 所有墙体是独立的矩形线条组
- 可以直接用 SketchUp 的 Push/Pull 工具拉成 3D 墙体
- 门窗也有独立轮廓,方便进一步编辑
免费版的图像导出限制
免费版也能导图像,但:
- 有水印(MagicPlan Logo 和字样)
- SVG 导出可能有限制(取决于当前版本策略)
升级到 Sketch 订阅可以去水印 + 完整 SVG 导出。