@capacitor/camera Web平台获取图片DPI恒为72如何提升？

@capacitor/camera 插件本身没有提供配置输出图片DPI的参数，默认返回的图片文件头/EXIF元数据里固定写入72DPI的标记，这个值和图片实际像素分辨率无关，只是给打印、排版软件识别的输出尺寸参考值，不会影响图片本身的像素清晰度。

1. 前端本地修改图片DPI元数据后上传 #

这是改造成本最低的方案，不需要改动原生代码、不需要额外依赖服务端逻辑：

• 先把配置里的allowEditing设为false：系统自带的图片编辑流程会强制重置输出图片的DPI为72，关闭后可以避免编辑流程覆盖后续修改的元数据
• 拿到插件返回的Base64图片后，用JPEG元数据处理库修改EXIF里的DPI字段，再上传到Firebase。以常用的piexifjs库为例，处理代码如下：

import piexif from 'piexifjs';

// 调用相机获取照片
const photo = await Camera.getPhoto({
  quality: 100,
  allowEditing: false,
  resultType: CameraResultType.Base64,
  source: CameraSource.Camera,
  direction: CameraDirection.Front,
});

// 加载图片现有EXIF信息
const exifData = piexif.load(photo.base64String);
// 设置X/Y轴DPI为300（可按需替换为目标DPI值）
exifData["0th"][piexif.ImageIFD.XResolution] = [300, 1];
exifData["0th"][piexif.ImageIFD.YResolution] = [300, 1];
// 设置分辨率单位为英寸
exifData["0th"][piexif.ImageIFD.ResolutionUnit] = 2;

// 写入修改后的EXIF，得到最终可上传的图片Base64
const newExifBytes = piexif.dump(exifData);
const finalImageBase64 = piexif.insert(newExifBytes, photo.base64String);

// 上传finalImageBase64到Firebase即可

这个方案不会重新编码图片，不会造成额外的画质损失，处理速度快。

2. 原生端处理图片DPI #

如果对处理性能要求高、需要批量处理大尺寸图片，可以在拿到插件返回的本地文件URI后，通过自定义原生代码修改DPI：

• 安卓端：读取图片为Bitmap对象，调用setDensity(targetDpi)方法设置目标DPI后重新保存文件
• iOS端：将UIImage绘制到目标上下文，通过NSBitmapImageRep设置像素宽高和物理尺寸参数，把DPI写入图片属性后再导出
  原生处理的性能比JS层处理高30%以上，适合图片量较大的业务场景。

3. 后端云函数批量修改 #

如果不想改动客户端逻辑，可以给Firebase配置存储触发云函数：图片上传完成后自动触发，读取存储的图片文件修改DPI元数据后覆盖原文件，所有客户端下载时就能拿到带正确DPI标记的图片，这个方案不需要客户端发版，适合已经上线的存量业务。

不要把修改DPI和提升图片清晰度混淆：DPI只是元数据层面的输出尺寸标记，不改变图片的实际像素总量。比如一张30002400像素的图片，标记72DPI时默认打印尺寸约为41.633.3英寸，标记300DPI时默认打印尺寸为10*8英寸，两者的像素信息完全一致，实际清晰度没有任何区别。如果需要更高的打印精度，本质上需要提升拍摄时的图片像素尺寸，而非单纯修改DPI数值。

内容的提问来源于stack exchange，提问作者slhn.dev