Flutter中如何提升图像分辨率、转高清图及计算图像DPI

Flutter 是否支持提升图像分辨率 #

Flutter 框架本身没有内置低分辨率图像转高分辨率图像的超分能力，但不存在功能限制，完全可以通过集成对应技术方案实现低质量图像到高质量图像的转换。
不存在无信息增量的“无损放大”，所有分辨率提升方案都是通过算法预测补充像素细节，最终效果和原始图像质量、所选算法能力直接相关。

低质量图像转高质量图像的实现方案 #

• 端侧AI超分：集成TFLite环境部署轻量超分模型（比如量化版Real-ESRGAN、ESPCN等移动端适配模型），将原始低清图像转换为模型要求的张量格式输入，推理完成后将输出张量转换为常规图像格式即可使用。该方案无需联网、隐私性好，需要根据应用的性能要求选择合适参数量的模型，避免推理耗时过长造成UI卡顿。
• 系统原生能力调用：iOS端可调用Core Image框架内置的超分滤镜，Android端可调用ML Kit的图像增强接口，通过MethodChannel将原生端处理完成的高清图像回传给Flutter层即可。该方案无需额外打包大体积模型，应用包体积增量小，但是对设备系统版本有一定要求。
• 服务端处理：如果端侧计算资源不足，可将低清图像上传至部署了超分算法的服务端，处理完成后拉取高清结果到本地展示。该方案超分效果上限高、不占用端侧算力，但是依赖网络，存在传输耗时。

Flutter 中传入图像的DPI计算方法 #

Flutter 内置的Image组件默认不会直接读取图像的DPI相关信息，需要分场景计算：

1. 读取图像文件自带的DPI元数据：使用纯Dart实现的图像处理库解析图像文件的EXIF信息，直接读取XResolution、YResolution字段的数值即可，如果图像没有写入EXIF DPI信息，默认以通用屏幕基准值72DPI作为原始值。
2. 计算图像实际显示时的DPI：结合设备像素比、图像实际显示尺寸、图像自身像素尺寸计算，参考代码如下：

   // 获取当前设备的屏幕像素比
   final double devicePixelRatio = MediaQuery.of(context).devicePixelRatio;
   // 图像组件在页面上的逻辑像素显示尺寸
   final double displayWidth = 200;
   final double displayHeight = 200;
   // 解码后获取的图像原始像素宽高
   final int imagePixelWidth = decodedImage.width;
   final int imagePixelHeight = decodedImage.height;
   // 计算实际显示DPI
   final double dpiX = imagePixelWidth / (displayWidth / devicePixelRatio);
   final double dpiY = imagePixelHeight / (displayHeight / devicePixelRatio);
   

注意：如果业务场景只需要图像文件自身标记的DPI值，不需要结合显示场景做换算，直接读取EXIF字段即可，无需获取设备像素比和显示尺寸参数。

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