介紹
你需要將SVG文件轉換為PNG、JPEG、TIFF、WEBP 和 HEIF 格式嗎？本文將指導你如何轉換為所有這些類型的格式。
我們將使用 Node.js 和Sharp npm 包來完成大部分繁重的工作。
目錄
安裝Sharp Npm Package
首先你需要安裝 npm 包。你可以使用下面的 npm 或 yarn 命令安裝：
Npm
$ npm install sharp --save
Yarn
$ yarn add sharp
現在我們已經準備好開始編寫一些代碼并轉換圖像了！
SVG 轉 PNG
對于第一個例子，我們將 SVG文 件轉換為可移植網絡圖形（PNG）文件格式。確保你在項目目錄的根目錄中有一個可用的 SVG 文件。
這是完整的代碼：
// Node.jsconst sharp = require("sharp")sharp("file.svg") .png() .toFile("new-file.png") .then(function(info) { console.log(info) }) .catch(function(err) { console.log(err) })讓我們分解代碼的每個部分：
當你運行代碼時，應該得到類似的輸出：
{ 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}你應該在項目目錄中看到新的JPEG文件。
文檔：http://sharp.pixelplumbing.com/en/stable/api-output/#png
SVG 轉 TIFF
接下來，讓我們將SVG文件轉換為標記圖像文件格式（TIFF）文件。確保你在項目目錄的根目錄中有一個我們可以使用的SVG文件。
這是完整的代碼：
const sharp = require("sharp")sharp("file.svg") .tiff() .toFile("new-file.tiff") .then(function(info) { console.log(info) }) .catch(function(err) { console.log(err) })當你運行代碼時，應該得到類似的輸出：
{ format: 'tiff', width: 2500, height: 527, channels: 3, premultiplied: false, size: 65778}你應該在項目目錄中看到新的TIFF文件。
文檔：http://sharp.pixelplumbing.com/en/stable/api-output/#tiff
SVG到WEBP
接下來，將 SVG 文件轉換為 WEBP 文件格式。確保你在項目目錄的根目錄中有一個我們可以使用的SVG文件。
這是完整的代碼：
const sharp = require("sharp")sharp("file.svg") .webp() .toFile("new-file.webp") .then(function(info) { console.log(info) }) .catch(function(err) { console.log(err) })輸出：
{ format: 'webp', width: 2500, height: 527, channels: 4, premultiplied: false, size: 35600}你應該在項目目錄中看到新的WEBP文件。
文檔：http://sharp.pixelplumbing.com/en/stable/api-output/#webp
SVG到HEIF
最后一個例子，讓我們將 SVG 文件轉換為高效圖像文件（HEIF）格式。確保你在項目目錄的根目錄中有一個可用的SVG文件。
這是完整的代碼：
const sharp = require("sharp")sharp("file.svg") .png() .toFile("new-file.heif") .then(function(info) { console.log(info) }) .catch(function(err) { console.log(err) })你還應該在項目目錄中看到新的HEIF文件。
文檔：http://sharp.pixelplumbing.com/en/stable/api-output/#png
結論
希望本文能幫助你完成編碼工作！也希望大家多多支持武林網。
新聞熱點
疑難解答
