Xiaomi 12s UTRA Leica watermark generation online tool

Preface

Recently I saw Xiaomi 12S Utra Release , Look at the details page , I found that the photos of the demonstration are all good-looking , Including the brand 、 equipment 、 The lens 、 Location, etc , As shown in the figure below ：

As a photographer , I also hope to output these information with my photos .

But at present, this kind of watermark seems to be only in Xiaomi 12S Utra In the editor of , There is no other way .

So I wrote this gadget .

---

Watermark Tool

• Address ：https://lecepin.github.io/gen-brand-photo-pictrue/
• Github Warehouse address ：https://github.com/lecepin/gen-brand-photo-pictrue

Support ：

• Automatically read photos exif data , And automatically fill in the picture , Including models 、 brand 、 The focal length 、 aperture 、 Shutter 、ISO、 Shooting time 、GPS Information .
• Watermark parameters can be edited manually .
• At present, we support Apple 、 Canon 、 Dajiang 、 Fuji 、 Huawei 、 Lycra 、 millet 、 nikon 、 SONY brand .

Realization

It's easy to implement , Before reading the photo data 4KB data , Get basic information about photos , That is to say Exif data .

It's just in use recently Rust, Yu Yijiu Rust Yes WebAssembly Conduct Exif Data reading , The code is as follows ：

#[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()
}

Tested it and used Rust Exif And npm exif Execution speed of ：

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

About fast 10 About times , It's still exaggerated .

Other examples

The last to see , Use this tool to generate photos .

Github Original address