画像を操作するオープンソースの Node.js API

Node-EasyImage を使い始める

Node-EasyImage を NPM 経由でインストールする推奨方法。インストールするには、次のコマンドを使用してください。

$ npm install --save easyimage 

Node.js 内で画像をサイズ変更する

画像のサイズ変更は、画像を扱う際に最も頻繁に必要となるタスクの 1 つです。特に、画面サイズが異なるとレスポンシブな画像が求められる Web 開発では、このタスクが頻繁に必要になります。オープンソースの Node-EasyImage を使用すると、わずか数行のコードでこのタスクが簡素化されます。次のコード例では、ソフトウェア開発者は image.jpg という画像を 500x500 ピクセルにサイズ変更し、resized_image.jpg として保存できます。この関数は非同期であり、Promise によって、ユーザーが成功または失敗をエレガントな方法で処理できます。

const easyimage = require('easyimage');

easyimage.resize({
    src: 'image.jpg',
    dst: 'resized_image.jpg',
    width: 500,
    height: 500
}).then(function (image) {
    console.log('Image resized:', image);
}).catch(function (err) {
    console.error('Error resizing image:', err);
});

Node.js アプリで画像メタデータを抽出する

画像を処理または表示するには、画像のプロパティを理解することが重要です。Node-EasyImage ライブラリを使用すると、ソフトウェア開発者は寸法、ファイル サイズ、作成者、画像作成日、画像形式などの重要なメタデータを簡単に抽出できるため、Node.js アプリケーション内で大量の画像コレクションを簡単に操作できます。このデータは、写真管理アプリケーションや、特定の基準に基づいて画像を分類して保存する場合に非常に役立ちます。ソフトウェア開発者が Node.js アプリケーション内で画像からメタデータを抽出する方法を示す簡単な例を次に示します。

easyimage.info('input.jpg')
    .then((file) => {
        console.log('Image Info:', file);
    })
    .catch((err) => {
        console.log(err);
    });

Node.js での画像形式変換

オープンソースの Node-EasyImage ライブラリは、Node.js 環境内で JPEG、PNG、GIF、BMP などのさまざまな画像形式間の変換を完全にサポートします。これは非常に便利な機能で、複数の画像タイプを処理し、一貫したユーザー エクスペリエンスのためにそれらを標準化する必要があるアプリケーションで特に役立ちます。次の例では、JPEG 画像を PNG 形式に変換します。変換された画像は output.png として保存され、ファイル サイズの削減や互換性の向上など、さまざまな目的に使用できます。

// Convert image from JPEG to PNG
easyimage.convert({
    src: 'input.jpg',
    dst: 'output.png'
}).then(function (image) {
    console.log('Converted image:', image);
}).catch(function (err) {
    console.log(err);
});

画像の構成と結合

もう 1 つの高度な機能は、Node.js アプリケーション内で画像を構成または結合する機能です。Node-EasyImage ライブラリを使用すると、ソフトウェア開発者は画像を重ね合わせたり、複数の画像を 1 つに結合したり、透かし付きのサムネイルを生成するなどのより複雑なアプリケーション用に合成画像を作成したりできます。次の例は、image1.jpg と image2.jpg を 1 つの画像に結合して merged.jpg として保存する方法を示しています。この機能は、コラージュ、透かし入り画像、またはプロモーション バナーを生成するアプリケーションに役立ちます。

// Merge two images into one
easyimage.merge({
    src: ['image1.jpg', 'image2.jpg'],
    dst: 'merged.jpg'
}).then(function (image) {
    console.log('Merged image:', image);
}).catch(function (err) {
    console.log(err);
});