Flutter中如何将RGB图像转换为灰度图像

DevOps 小满

2026-10-4

Flutter 实现 RGB 图像转灰度图像方案

可以直接在 Flutter 侧完成 RGB 到灰度图像的转换，以下是两种适配不同场景的实现方案：

方案1：使用 image 库处理静态图像

适合处理本地图片、网络图片等静态资源，操作简单稳定。

第一步：在 pubspec.yaml 中添加依赖

dependencies:
  image: ^4.2.0

第二步：调用转换逻辑
不需要自定义灰度权重的场景，直接调用库内置方法即可：

import 'package:image/image.dart' as img;

// 传入已解码的RGB格式Image对象，直接返回灰度图
img.Image getGrayImage(img.Image rgbSrc) {
  return img.grayscale(rgbSrc);
}

需要自定义灰度转换权重的场景，自行遍历像素计算即可：

img.Image customGrayConvert(img.Image rgbSrc) {
  final grayImg = img.Image(width: rgbSrc.width, height: rgbSrc.height, numChannels: 1);
  for (int y = 0; y < rgbSrc.height; y++) {
    for (int x = 0; x < rgbSrc.width; x++) {
      final pixel = rgbSrc.getPixel(x, y);
      // 使用人眼感知权重计算灰度值
      final grayVal = (0.299 * pixel.r + 0.587 * pixel.g + 0.114 * pixel.b).round();
      grayImg.setPixelRgb(x, y, grayVal, grayVal, grayVal);
    }
  }
  return grayImg;
}

方案2：直接操作字节流处理实时帧

适合处理相机预览流等需要低延迟的场景，跳过图片对象序列化步骤，直接输出适配 TFLite 输入格式的数据。

// 示例：将RGB原始字节转换为TFLite常用的归一化灰度float数组
List<double> rgbBytesToGrayFloat(List<int> rgbBytes, int width, int height) {
  final result = List<double>.filled(width * height, 0);
  int pos = 0;
  for (int i = 0; i < rgbBytes.length; i += 3) {
    // 同步完成灰度计算 + 0~1区间归一化
    result[pos++] = (0.299 * rgbBytes[i] + 0.587 * rgbBytes[i+1] + 0.114 * rgbBytes[i+2]) / 255.0;
  }
  return result;
}