上传一个 `.svg` 文件，按需输入输出宽度和高度，选择有损或无损 AVIF，然后开始转换。处理完成后，下载由 SVG 渲染得到的 `.avif` 文件。
SVG 转 AVIF 转换器
当矢量图需要变成固定尺寸的 AVIF 图片，用于支持 AVIF 的网站、预览或交付流程时，可以将 SVG 转 AVIF。上传一个 .svg 文件，选择输出尺寸，设置有损或无损 AVIF，然后下载生成的 .avif 文件。
这个 SVG 转 AVIF 转换器能做什么
此工具会渲染 SVG 矢量文件，并把可见结果导出为 AVIF 栅格图片。这是真正的格式转换，不是改文件扩展名。转换器会读取上传的 `.svg` 文件，按选定尺寸栅格化图形，然后将渲染出的像素编码为 AVIF。
| 设置 | 控制内容 | 实际用途 |
|---|---|---|
| SVG 上传 | 接受一个 `.svg` 源文件 | 当你的文件以 `.svg` 结尾时使用 |
| 宽度和高度 | 设置渲染后的 AVIF 尺寸 | 匹配网站位置、图标大小、预览尺寸或高密度导出需求 |
| 压缩模式 | 选择有损或无损 AVIF | 在更小输出和更接近原图的视觉效果之间取舍 |
| 质量 | 设置有损 AVIF 的质量，范围为 30 到 80 | 较低数值生成更小文件，较高数值保留更多细节 |
| AVIF 输出 | 下载栅格 `.avif` 文件 | 用于支持 AVIF 的应用和浏览器 |
当源文件是 SVG、而你需要 AVIF 输出时，请使用此页面。如果你需要其他栅格输出，可以使用 SVG 转 PNG 转换器 或 SVG 转 WebP 转换器。如果生成的 AVIF 之后还需要调整像素尺寸，可以使用 图片尺寸调整工具，不要反复转换同一个源文件。
如何在线将 SVG 转换为 AVIF
1
第 1 步：上传 SVG 文件
从设备中选择一个 `.svg` 文件，或把它拖到上传区域。此页面用于单个 SVG 转 AVIF，因此请先准备好要渲染的准确源文件。
2
第 2 步：设置 AVIF 输出尺寸
当 AVIF 文件需要匹配特定像素尺寸时，输入宽度和高度。当前控件接受 1px 到 16384px 的值。由于 SVG 是矢量格式，你选择的尺寸会决定 AVIF 输出栅格化后的像素尺寸。
3
第 3 步：选择有损或无损 AVIF
如果更看重文件体积，使用有损模式。如果希望 AVIF 输出更接近渲染后的 SVG，使用无损模式。在有损模式下，可以选择 30 到 80 的质量档位。
4
第 4 步：转换并下载 AVIF 文件
开始转换，处理完成后下载 `.avif` 结果。如果以后还需要编辑路径、文字、颜色、viewBox 设置或布局，请保留原始 SVG。
将 SVG 栅格化为 AVIF：会发生什么变化
栅格化 SVG 是指把矢量指令渲染成像素。SVG 可以描述形状、路径、文字、渐变和布局规则，并且能清晰缩放。AVIF 存储的是像素，因此将 SVG 转 AVIF 会创建一张 SVG 在指定尺寸下渲染后的快照。
| 转换前 | 转换后 |
|---|---|
| 可编辑的矢量标记 | 栅格 AVIF 图片 |
| 缩放不依赖固定像素 | 固定像素宽度和高度 |
| 可包含路径、文字、CSS 和 viewBox 数据 | 包含编码后的图片像素 |
| 适合作为源文件保留 | 适合作为支持 AVIF 场景下的交付图片 |
当下一个使用场景需要紧凑的栅格图片时，这种转换很有用。但这也意味着下载的 AVIF 不能像原始 SVG 那样编辑。请把源 SVG 作为主文件保留下来。
如何选择 AVIF 尺寸和质量设置
最合适的 SVG 转 AVIF 设置取决于图片的使用位置。更大的渲染尺寸可以保留更多可见细节，但也会让编码器需要存储更多像素。
| 输出目标 | 建议尺寸 | 为什么有用 |
|---|---|---|
| 网站图标 | 最终显示尺寸或约 2 倍尺寸 | 让边缘在普通屏和高密度屏上都更清晰 |
| Logo 预览 | 匹配实际可见布局尺寸 | 避免导出远大于需求的文件 |
| 内容管理系统图片 | 匹配上传要求 | 减少平台自动调整尺寸带来的意外结果 |
| 应用或界面素材 | 使用准确的槽位尺寸 | 让素材尺寸更可预测 |
| 大尺寸预览 | 使用所需像素宽度，最高 16384px | 为目标查看尺寸保留细节 |
对于有损 AVIF 质量，可以先从默认的 50 开始。需要更小文件时降低数值；细小文字类细节和边缘更重要时提高数值。
| 质量 | 适合场景 |
|---|---|
| 30-40 | 更小的 AVIF 输出 |
| 50 | 平衡的默认设置 |
| 60-80 | 保留更多可见细节 |
当保真度比尽可能小的文件更重要时，无损模式会更有用。它仍然会输出栅格 AVIF，而不是矢量文件。
什么时候适合将 SVG 转为 AVIF
SVG 通常更适合作为长期源格式保留。当文件需要作为现代栅格图片交付，而不是作为矢量图继续编辑时，可以将 SVG 转 AVIF。
网页图片交付
AVIF 可为支持它的浏览器提供紧凑的栅格图片
固定尺寸预览
输出文件拥有可预测的像素尺寸
内容管理系统或应用上传
有些系统处理栅格图片比处理 SVG 标记更稳定
复杂插画
当详细的 SVG 需要变成单个图片文件时，AVIF 可能更合适
高密度素材
你可以先把 SVG 渲染为更大的像素尺寸，再进行编码
不要只因为 AVIF 更新就转换。如果你需要无限缩放、可编辑路径、实时文字、CSS 样式或目标应用对 SVG 的广泛支持，请继续使用原始 SVG。
文件处理和实际限制
SVG 文件会上传到后端处理，并计划在 24 小时内删除。请将此工具用于普通图片转换任务；如果你不愿通过在线转换服务处理某些文件，就不要上传。
此页面一次处理一个上传的 SVG 文件。它不是批量转换器、SVG 代码粘贴编辑器、URL 转图片工具、SVG 优化器、矢量编辑器、动画导出器，也不是 AVIF 转 SVG 的反向转换器。
为了获得更可预测的渲染结果，请使用自包含的 SVG 文件。内联关键样式，避免损坏的外部引用；如果 SVG 依赖特定字体、滤镜、链接图片或复杂效果，请检查输出结果。转换器用于将 SVG 渲染为 AVIF，但视觉结果仍会受到源 SVG 构建方式影响。
常见错误
把 `.svg` 直接改名为 `.avif`
更改文件扩展名不会完成转换。真正的 SVG 转 AVIF 必须先渲染 SVG，再把渲染出的像素编码为 AVIF 图片数据。
以为 AVIF 仍然是矢量图
下载的 AVIF 是栅格图片。它不会保留可编辑路径、文字对象、CSS 规则、viewBox 行为或无限矢量缩放能力。
默认导出最大尺寸
工具支持最高 16384px 的尺寸，但大多数网页和界面素材只应使用实际需要的尺寸。更大的文件可能处理更慢，也更占空间。
依赖外部资源
包含外部字体、CSS 或链接图片的 SVG，渲染结果可能与设计软件预览不同。自包含 SVG 文件更适合转换。
把此页面用于反向转换
此页面只将 SVG 转换为 AVIF。它不会把 AVIF 转回 SVG，也不会从像素重建可编辑的矢量路径。
常见问题
SVG 转 AVIF 转换器会渲染 SVG 矢量图，并把渲染结果导出为 AVIF 栅格图片。当后续流程接受 AVIF、但不需要可编辑矢量标记时，它会很有用。
栅格化 SVG 是指在选定尺寸下把矢量指令转成像素。转换完成后，AVIF 输出会拥有固定像素尺寸，不再像可编辑 SVG 那样工作。
不是。AVIF 是栅格图片格式。如果你需要可编辑路径、文字、样式或无限缩放，请保留原始 SVG。
根据图片显示位置选择尺寸。网页图标和界面素材可以使用最终显示尺寸，或为高密度屏使用约 2 倍尺寸。除非确实需要，否则不要使用最大尺寸。
如果更看重小文件，使用有损 AVIF。如果希望输出更接近渲染后的 SVG，使用无损 AVIF。有损模式下可以先从质量 50 开始，再根据结果调整。
AVIF 支持 Alpha 透明度，因此渲染后的 SVG 中的透明区域可以在 AVIF 输出中保持透明。如果透明度很重要，请在实际使用的背景上预览结果。
不可以。此页面只支持 SVG 转 AVIF。AVIF 文件由像素组成，把它重新变成可编辑矢量路径属于另一种流程，此处不支持。
不可以。当前工具用于一次上传一个 `.svg` 文件。如果你有 SVG 代码，请先保存为有效的 `.svg` 文件。如果 SVG 在某个 URL 上，请先下载文件，再从设备上传。
不是。SVG 文件会上传到后端处理，并计划在 24 小时内删除。如果你不愿通过在线转换服务处理私密或敏感文件，请避免上传。