When you can copy an image with it’s metadata to the clipboard, it becomes possible for applications to use that information when you paste the image. One very useful feature is to use the metadata to automatically generate a correct attribution for images shared with Creative Commons licenses. This has two big benefits:
- The friction for using a shared image is reduced when you don’t have to remember to also write an attribution.
- The attribution can embed the metadata, so that if someone copies the image from your page, they can also get an attribution created automatically when they paste it into their page.
To show this, I’ve added a “Paste image” function to the Firefox add-on from last post that enables browser-based editors to paste the image with the metadata. Here it is in action:
If you use Firefox you can try this yourself:
- Install the add-on
- Open this example page or this Creative Commons example (both contain an image with embedded metadata)
- Right-click on the image and select “Copy image with metadata”
- Open this simple editor in a new tab
- Right click in the box and select “Paste image”
This has been tested on Linux and MacOSX, but not yet on Windows. Since the clipboard behaves differently in these systems, I’m very curious to hear your results if you try this on a Windows Firefox. The add-on now works on Windows too.
Do you develop a browser-based editor and want to try this feature? It’s easy:
- The HTML class and events involved are described in the project README.md
- Have a look at the demo “editor” source. paste.html is just the scaffolding, with the interesting things happening in paste.js.
If you try this, we’d be delighted to hear about it!