SVG 格式
根本不是像素——而是绘制形状的指令,因此它在任何尺寸下都能保持清晰。
SVG 是什么?
SVG 是一种基于 XML 的矢量格式。它不存储像素网格,而是存储几何图形:路径、圆形、渐变、文本。浏览器会以所需的任何尺寸渲染它,因此 SVG 徽标在手机和广告牌上同样清晰。
对于扁平的几何图稿,它也非常小。一个作为 PNG 格式为 40 KB 的徽标,作为 SVG 格式通常只有 2 KB,并且它只需要一个文件,而不是每个像素密度一个文件。
由于它是 XML,SVG 可以包含脚本、外部引用和嵌入式样式。这使其成为真正的活动内容,来自不受信任来源的 SVG 应与 HTML 文件一样谨慎对待——这就是 KaiConvert 从不将任意 SVG 标记注入页面的原因。
常见用途
- 徽标、图标和界面图形
- 图表和数据可视化
- 必须缩放的插图和线条艺术
- 需要在每个密度下清晰渲染的任何内容
优点
- 分辨率无关——在任何尺寸下都清晰
- 几何图稿文件非常小
- 可使用 CSS 进行样式设置和动画处理
- SVG 中的文本仍然是真实的、可选择的文本
局限性
- 不适合照片
- 复杂的插图渲染可能很慢
- 可能包含脚本,因此不受信任的 SVG 存在安全风险
- 高级功能的渲染在不同引擎之间可能存在细微差异
浏览器支持
普遍支持渲染。KaiConvert 将上传的 SVG 视为不受信任:它在沙盒图像元素中进行栅格化,而不是内联到 DOM 中,因此嵌入式脚本永远不会执行。