SVG 优化器

压缩 SVG 文件,或按任意倍数把 SVG 转换为 PNG、WebP 或 AVIF,直接在浏览器中完成,无需上传。

如何优化 SVG

  1. 拖入或选择一个 SVG 文件。
  2. 保持安全的默认设置,或在没有外部 CSS/JS 引用 SVG 内 ID 的情况下开启激进压缩,进一步减小体积。
  3. 优化、查看处理前后对比并保存。viewBox 与视觉效果保持完全一致,只是体积变小。

SVG 转 PNG、WebP 或 AVIF

需要一份栅格副本吗(把 SVG 转成 PNG,用作网站图标、应用商店素材、邮件客户端,或任何不便使用矢量图的场合)?切换到“转换为图片”标签页即可。由于 SVG 与分辨率无关,输出尺寸由你决定:文档自身尺寸的 1×,为高 DPI 屏幕导出清晰的 2× 或 4×,或指定精确的自定义宽度,让高度按宽高比自动跟随。每种格式都会保留透明度,生成 PNG、WebP 或 AVIF 的正是我们“转换”工具背后的同款高质量编码器,全程文件绝不离开浏览器。

为什么要优化 SVG 文件?

从设计工具导出的 SVG 会携带编辑器元数据、注释、隐藏图层以及浏览器根本用不到的过度精确的坐标。去除这些通常能减小 30-70% 的文件体积(页面更快、打包更小、Core Web Vitals 更好),而渲染结果像素级一致。OptImg 完全在你的浏览器中运行行业标准优化器:如果文件已经很精简,我们会如实告知,而不会交还一个更大的文件。

常见问题

我的 SVG 会上传到服务器吗?
优化与转换都以原生速度在浏览器中完成:没有任何数据上传,文件不会离开你的设备,没有排队,除设备内存外没有文件大小限制。
我该如何把 SVG 转换为 PNG?
拖入 SVG,切换到“转换为图片”标签页,保持选中 PNG,然后点击转换。你会得到一张与 SVG 原始尺寸一致、像素级完美的 PNG,也可以选择 2×、4× 或任意自定义宽度。
把 SVG 转为 PNG 会保留透明度吗?
会。SVG 的透明背景在 PNG、WebP 和 AVIF 输出中都保持完全透明,不会被填充为白色。
如何从 SVG 得到高分辨率的 PNG?
SVG 与分辨率无关,因此可选择 2× 或 4× 为高 DPI 屏幕导出清晰图像,或输入精确的像素宽度。高度会自动按 SVG 的宽高比跟随。
我能把 SVG 转成 WebP 或 AVIF 而不是 PNG 吗?
可以。在格式选择器中选择 WebP 或 AVIF。二者都保留透明度,且比 PNG 小得多;质量滑块(默认值:WebP 80、AVIF 60)可让你在体积与保真度之间取舍。
优化器实际会移除什么?
编辑器元数据、注释、隐藏元素、默认属性和多余的精度,也就是经典的 SVG 清理。安全默认设置绝不重命名 ID;激进开关还会额外压缩 ID,并把坐标四舍五入到 2 位小数,以进一步减小体积。
优化会移除 viewBox 或破坏响应式缩放吗?
不会。无论安全还是激进模式,viewBox 都始终保留,因此响应式 SVG 的缩放与之前完全一致。
为什么转换后文字看起来不一样?
SVG 引用的字体绝不会被下载(一切都留在本地),因此文字会以内置的 Noto Sans 后备字体渲染。若需要精确的字形,请在导出前在设计工具中把文字转换为路径。
我能把 PNG 或 JPG 转换为 SVG 吗?
可以,请使用我们单独的“图片转 SVG”工具,它会把栅格图片转换为矢量形状。本 SVG 工具则相反:它用于优化现有的 SVG,并把它们栅格化为 PNG、WebP 或 AVIF。