SVG、PNG 和 HTML:设备插画该选哪种?
SVG 适合可缩放的静态矢量图,PNG 适合栅格图片,独立 HTML 则保留受支持模型的交互。
SVG 和 PNG 是静态图片,独立 HTML 可操作模型控件。
各模型提供的文件和控件不同,请查看模型页面的下载选项。
需要可缩放图稿时选 SVG
SVG 是矢量图,放大后仍清晰。设计工具支持时,可用于版面、演示文稿和网页图形。
能否单独编辑 SVG 元素,取决于文件和设计工具。
需要栅格图片时选 PNG
PNG 是像素图片,大多数工具和发布系统都支持。需要固定尺寸静态图,或工作流程不支持 SVG 时可选 PNG。
透明背景因素材而异;有需要时请检查导出图片。
需要模型控件时选 HTML
独立 HTML 查看器可在浏览器中操作视角、主题或模型专属动效。
部分模型提供 HTML。用现代浏览器打开查看器即可使用该模型的控件。
快速选择格式
产品页主图通常要适配不同屏幕,用 SVG 更方便。邮件配图可以直接用 PNG。
常见问题
网页里该用哪种格式?
静态图片用 SVG 或 PNG。要操作模型控件,请用独立 HTML;部分模型提供 HTML。
每个 SVG 部分都能单独编辑吗?
这取决于文件和设计工具,部分 SVG 元素可能无法单独编辑。
所有 PNG 都有透明背景吗?
透明背景因素材而异。有需要时请检查导出的 PNG。