如何在NodeJS中为PNG图片应用.LOOK/.CUBE格式LUT滤镜

你可以通过两个成熟的Node.js库配合实现需求：cube-lut 用于解析.cube格式的LUT配置文件，sharp 用于处理PNG图片并应用滤镜效果。

步骤1：安装依赖 #

• 执行以下命令安装所需的工具库：

npm install sharp cube-lut

步骤2：编写LUT应用逻辑 #

你可以在现有PNG生成流程的结束位置调用封装好的滤镜应用方法，示例代码如下：

const sharp = require('sharp');
const { loadLUT } = require('cube-lut');
const fs = require('fs/promises');

/**
 * 给指定PNG图片应用LUT滤镜
 * @param {string} inputImagePath 生成好的原始PNG路径
 * @param {string} lutPath 设计师提供的.cube格式LUT文件路径
 * @param {string} outputImagePath 加完滤镜后的图片输出路径
 */
async function applyLUTToImage(inputImagePath, lutPath, outputImagePath) {
  // 加载解析LUT文件
  const lutContent = await fs.readFile(lutPath, 'utf8');
  const lut = loadLUT(lutContent);

  // 应用滤镜并输出结果
  await sharp(inputImagePath)
    .lut(lut.data, {
      size: lut.size,
      domain: [lut.domainMin[0], lut.domainMax[0]]
    })
    .toFile(outputImagePath);
}

// 调用示例，替换为你自己的实际路径即可
// applyLUTToImage('./generated-random.png', './designer-filter.cube', './final-output.png')

注意事项 #

• 如果拿到的是.look格式的LUT文件，用常见的LUT编辑工具转成.cube格式即可使用
• 该方案默认保留PNG的透明通道，不需要额外处理透明像素
• 批量处理图片时可以复用已经解析好的LUT实例，不需要每次都重新读取解析文件，能大幅提升运行效率

内容的提问来源于stack exchange，提问作者Charly Stern