Sharp.js，圖像處理界的 “瘦身” 專家，高速度、低資源消耗、多格式支持、功能齊全。一款超實用的圖像處理庫

admin

2024年10月12日 10:39 本文熱度 289

一款超實用的圖像處理 JavaScript 庫 —— Sharp.js。Sharp.js 比 Jimp.js 更快，底層使用了libvips庫，是一個高性能的圖像處理庫，專為快速處理大量圖像數(shù)據(jù)而設(shè)計。

https://github.com/lovell/sharp

Sharp.js 圖像處理界的“瘦身專家”

首先，讓我們來認識一下Sharp.js。這貨不僅僅是一個簡單的圖片處理庫，它是一個高性能的Node.js模塊，專門用來把那些“大腹便便”的圖片文件，轉(zhuǎn)換成“苗條”的Web友好格式，比如 JPEG、PNG、WebP、GIF和AVIF。聽起來是不是很酷？

下面是演示 Sharp.js 壓縮的示例。

const sharp = require('sharp');

// 原始圖片路徑
const inputPath = './images/image.png';
// 壓縮后圖片的輸出路徑
const outputPath = './output/image_compressed.jpg';

// 設(shè)置壓縮選項，這里我們使用mozjpeg的優(yōu)化功能
const options = {
  compression: 75 // 設(shè)置JPEG的壓縮質(zhì)量，范圍從0到100
};

// 使用sharp處理圖片
sharp(inputPath)
  .resize(null, null, { // 調(diào)整圖片大小，這里不改變原始尺寸
    withoutEnlargement: true
  })
  .toFormat('jpeg', options) // 轉(zhuǎn)換為JPEG格式，并應(yīng)用壓縮選項
  .toFile(outputPath, (err, info) => {
    if (err) {
      console.error(err);
    } else {
      console.log(`圖片壓縮成功，保存為: ${outputPath}`);
    }
  });

壓縮效果原圖 1.89M，壓縮后 148K，壓縮率高達 93%。關(guān)鍵壓縮后看不出來圖片質(zhì)量損耗。

Sharp.js 的速度與激情：快到讓你起飛

Sharp.js 之所以這么牛，是因為它背后有一個強大的“大腦”——libvips ^[1]圖像處理庫。這個庫的速度之快，簡直讓人驚嘆。它處理圖片的速度，比使用 ImageMagick 和 GraphicsMagick 的最快設(shè)置還要快4到5倍！這就好比是開著一輛超級跑車在高速公路上飆車，那種快感，你懂的。

而且，Sharp.js 在處理圖片時，只占用一小部分內(nèi)存，同時還能充分利用多核 CPU 和各級緩存。這意味著什么？意味著它不僅快，而且還不會讓你的電腦因為處理圖片而過熱！

格式支持：Sharp.js 的多功能廚房

Sharp.js 支持的圖片格式非常全面，包括JPEG、PNG、WebP、GIF、AVIF、TIFF和SVG。輸出格式也同樣豐富，除了上述格式，還能輸出未壓縮的原始像素數(shù)據(jù)。這就像是走進了一個裝備齊全的廚房，無論你想做什么菜，這里都有你需要的工具和材料。