图片格式
网页 SVG 指南：矢量图、嵌入方式与优化
矢量与像素
SVG 使用路径、形状和文字描述图像，适合图标、标志、示意图及简单插画。JPEG、PNG 和 WebP 存储像素，更适合照片。把位图嵌入 SVG 容器不会使其自动变成可无限放大的矢量。
嵌入方式
外部 SVG 可以通过 img 使用，便于缓存和复用。内联 SVG 可以直接控制内部元素及样式，但也会增加页面标记。CSS 背景适合装饰性图形，不应承载唯一的重要信息。
减少不必要的数据
移除编辑器遗留信息、隐藏图层和冗余路径可减小文件。使用优化工具后仍应检查渐变、裁剪、文字和细线，避免过度简化路径改变外观。保留原始设计文件以便后续修改。
无障碍与安全
作为内容的 img 应有恰当的替代文本。内联 SVG 应具有可理解的名称或说明；纯装饰元素应避免给辅助技术制造重复信息。不要把不可信 SVG 内容未经检查直接内联到页面。
需要栅格格式时
上传平台或编辑软件不支持 SVG 时，可将其导出为 PNG、JPG 或 WebP。先确定所需宽高，再栅格化。透明背景应选择支持透明度的格式，导出后检查文字与边缘是否清楚。
动手处理文件
保留原始文件，先用一个样本检查结果，再处理其他文件。imgpact 在您的浏览器中处理所选文件；首次加载软件仍需要网络连接。