SVG矢量图形可以转换为PNG文件格式以便在Fireworks中使用吗？

Question

众所周知，有很多网站出售免版税图形。有些网站出售矢量图形 (svg) 或为您提供下载矢量图形的选项。

我没有支持 SVG 的图形编辑器。目前，我正在使用旧版本的 Fireworks。我无法打开 SVG 文件类型。 （我也买不起 PhotoShop 或 Illustrator 软件）。

我的 PC 上运行的是 Windows。

问题：

• 我有哪些选择？
• 有 SVG 到 PNG 转换器吗？
• 转换后的文件会正确保留所有内容吗？
• 我可以像处理 PNG 一样处理转换后的 SVG 文件吗？

Answer 1

1. 用IE打开SVG文件
2. 右键IE网页中的图片
3. “另存为”PNG文件

Answer 2

我建议下载 Inkscape，它是相当于 Illustrator 的免费软件。它可以将 svg 导出为 png，并使用 SVG 作为其本机图像格式。

Answer 3

我猜你在 Windows 上，但在 Linux 上我使用 librsvg2-bin< /a>.

然后使用 rsvg-convert -o output.png input.svg

快速谷歌搜索给我带来了如果你只能使用Windows：http://www.openclipart.org/wiki/SVG_Tools

Answer 4

对于单个图像，如果您不想安装任何额外的软件，您可以执行以下操作（在 Windows 上，应该在 Linux 上类似地工作）：

请注意：透明度将丢失（如@come-raczy所述） )

1. 在文本编辑器中打开 svg，然后调整 的 width 和 height 属性> 满足您需求的节点
2. 在任何可以打开 svg 文件的程序中打开（任何浏览器都应该这样做）
3. 制作图标的屏幕截图（可能还有一些周围区域）：S
4. 将屏幕截图粘贴到Paint
5. 中将图像裁剪为实际图像
6. 另存为PNG（或其他格式）

Answer 5

svgexport 是一个 Node.js 模块和命令行工具，在SVG 到 PNG 转换器。它使用 Pupeteer，这是一个通过 DevTools 协议控制无头 Chrome/Chromium 的库。

重要亮点包括：

• 适用于任何兼容的 SVG 文件
• 支持“@import”字体（大多数其他工具会忽略网络字体并回退到网络安全字体）
• 保持透明度
• 渲染与 chrome 非常相似，除了字体 字体
• 渲染很好，但需要对该工具进行微调
• 可以在命令行上指定额外的 CSS 来设置 SVG 的样式，它可以
• 支持的任何操作系统上
• 在 Node.js免费 运行开源

NPM 链接提供了安装说明 (npm install svgexport -g)，但不提供所有依赖项。在 WSL Ubuntu 上，我必须安装额外的库：

sudo apt install libxdamage1 libnss3-dev

基本用法非常简单：

svgexport input.svg output.png

有额外的选项来控制样式、质量、大小和格式（png、jpg 或 jpeg）。