小米 12S Utra 莱卡水印生成在线工具

前言

最近看到小米 12S Utra 的发布，看了下详情页面，发现演示的照片都好看的，包含了品牌、设备、镜头、位置等信息，如下图所示：

作为一个摄影爱好者，也希望把自己的照片也输出这些信息。

但目前此类水印好像只在小米 12S Utra 的编辑器里有，没有其他途径。

于是就写了这个小工具。

---

水印工具

• 地址：https://lecepin.github.io/gen-brand-photo-pictrue/
• Github 仓库地址：https://github.com/lecepin/gen-brand-photo-pictrue

支持：

• 自动读取照片 exif 数据，并自动填写到图片中，包括型号、品牌、焦距、光圈、快门、ISO、拍摄时间、GPS 信息。
• 可手动编辑水印参数。
• 目前支持 苹果、佳能、大疆、富士、华为、莱卡、小米、尼康、索尼 品牌。

实现

实现上比较容易，就是读取照片数据的前 4KB 数据，获取照片的基本信息，也就是 Exif 数据。

最近刚好在用 Rust，于就是就 Rust 写了 WebAssembly 进行 Exif 数据的读取，代码如下：

#[wasm_bindgen]
pub fn get_exif(raw: Vec<u8>) -> JsValue {
    let mut exif_data: Vec<ExifData> = Vec::new();
    let exifreader = exif::Reader::new();
    let mut bufreader = std::io::Cursor::new(raw.as_slice());
    let exif = exifreader.read_from_container(&mut bufreader).unwrap();

    for field in exif.fields() {
        if let Some(_) = field.tag.to_string().find("Tag(Exif") {
            continue;
        }

        if ["Make", "Model"].contains(&field.tag.to_string().as_str()) {
            exif_data.push(ExifData {
                tag: field.tag.to_string(),
                value: field
                    .display_value()
                    .to_string()
                    .replace(
                        |item: char| ["\"", ","].contains(&item.to_string().as_str()),
                        "",
                    )
                    .trim()
                    .to_string(),
                value_with_unit: field
                    .display_value()
                    .with_unit(&exif)
                    .to_string()
                    .replace('"', ""),
            });
            continue;
        }

        exif_data.push(ExifData {
            tag: field.tag.to_string(),
            value: field.display_value().to_string(),
            value_with_unit: field.display_value().with_unit(&exif).to_string(),
        });
    }

    JsValue::from_serde(&exif_data).unwrap()
}

测试了一下用 Rust Exif 与 npm exif 的执行速度：

• Rust WebAssembly：0.6ms
• Npm exif 包：5.6ms

大约快 10倍左右，还是很夸张的。

其它示例

最后看下，使用这个工具生成的照片吧。

🌟 Github 原文地址