在Node.js中将SVG图像转换为PNG，JPEG，TIFF，WEBP和HEIF格式的方法

介绍

你需要将SVG文件转换为PNG、JPEG、TIFF、WEBP 和 HEIF 格式吗？本文将指导你如何转换为所有这些类型的格式。

我们将使用 Node.js 和Sharp npm 包来完成大部分繁重的工作。

目录

安装 Sharp Npm 包
SVG 转 PNG
SVG 转 JPEG
SVG 转 TIFF
SVG 转 WEBP
SVG 转 HEIF

安装Sharp Npm Package

首先你需要安装 npm 包。你可以使用下面的 npm 或 yarn 命令安装：

Npm

$ npm install sharp --save

Yarn

$ yarn add sharp

现在我们已经准备好开始编写一些代码并转换图像了！

SVG 转 PNG

对于第一个例子，我们将 SVG文 件转换为可移植网络图形（PNG）文件格式。确保你在项目目录的根目录中有一个可用的 SVG 文件。

这是完整的代码：

// Node.js
const sharp = require("sharp")
sharp("file.svg")
  .png()
  .toFile("new-file.png")
  .then(function(info) {
    console.log(info)
  })
  .catch(function(err) {
    console.log(err)
  })

让我们分解代码的每个部分：

首先，导入 sharp 包并将其保存在 sharp 变量中。
然后，我们用 sharp 包来读取我们的 file.svg 文件，将其转换为 PNG 并使用 .toFile() 函数将新的 PNG文件写入你的目录。
sharp 方法是一个 promise，我们用它来获取文件的 info。
最后，我们用 .catch() 方法来捕获并 console.log() 所有错误。

当你运行代码时，应该得到类似的输出：

{
  format: 'png',
  width: 2500,
  height: 527,
  channels: 4,
  premultiplied: false,
  size: 47194
}

你应该能够在项目目录中看到新的 PNG 文件。

还可以将其他选项传递给 .png() 方法来更改输出图像。这些包括压缩级别、质量、颜色等。你可以在文档中查看它们。

SVG 转 JPEG

现在，让我们将 SVG 文件转换为 JPEG 格式。确保项目目录的根目录中有一个 SVG 文件可供使用。

这是完整的代码：

const sharp = require("sharp")
sharp("file.svg")
  .png()
  .toFile("new-file.jpg")
  .then(function(info) {
    console.log(info)
  })
  .catch(function(err) {
    console.log(err)
  })

当运行代码时，你应该得到类似的输出：

{
  format: 'jpg',
  width: 2500,
  height: 527,
  channels: 4,
  premultiplied: false,
  size: 47194
}