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×,或指定一个精确的自定义宽度,让高度按宽高比自动跟随。每种格式都会保留透明度,而我们“转换”工具背后同款的 Rust/WebAssembly 编码器会生成 PNG、WebP 或 AVIF 字节——全程你的文件绝不离开浏览器。

为什么要优化 SVG 文件?

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

常见问题

我的 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)可让你在体积与保真度之间取舍。
优化器实际会移除什么?
编辑器元数据、注释、隐藏元素、默认属性和冗余精度——即经典的 SVGO 清理。安全默认设置绝不重命名 ID;激进开关则会额外压缩 ID 并将坐标四舍五入到 2 位小数,以获得更多节省。
优化会移除 viewBox 或破坏响应式缩放吗?
不会。无论安全还是激进模式,viewBox 都始终保留,因此响应式 SVG 的缩放与之前完全一致。
为什么转换后文字看起来不一样?
SVG 引用的字体绝不会被下载(一切都留在你的设备上),因此文字会以内置的 Noto Sans 后备字体渲染。若需要精确的字形,请在导出前于设计工具中把文字转换为路径。
我能把 PNG 或 JPG 转换为 SVG 吗?
不能——栅格转矢量的描摹是另一门技艺,不在本工具范围内。本工具用于优化 SVG,并把 SVG 转换为 PNG、WebP 或 AVIF,而非反向转换。