This is a tool for anonymizing photographs taken at protests.
Tool lives at : https://everestpipkin.github.io/image-scrubber/
It will remove identifying metadata (Exif data) from photographs, and also allow you to selectively blur parts of the image to cover faces and other identifiable information.
Hit the open button to open a photograph. The program will display the data it is removing.
Click okay, and you can then save the scrubbed image by hitting save or right clicking on it and saving it. Maximum size is 2500x2500 pixels - larger images will be scaled down.
Dragging on the image will blur it. You can change your brush size and the intensity of the blur via the sliders. The blur function has built-in pixelization and noise as added security layers.
All processing happens directly in the browser- no information is stored or sent anywhere.
The website works without an internet connection, and it's more secure to use this resource offline. There are two ways to do this:
-
Turn on airplane mode after loading the page and before opening images - This way, no third-party services (like a browser extension or insecure wireless network) can transmit the images you upload. (Recommended for mobile)
-
Download the tool from Github, and open index.html locally: This is the safest, but takes a little more effort and is harder to do on mobile. By clicking the link, you will download a zip file containing all the files necessary to run this on your own system. Extract, or unzip, the folder, and open the index.html file with a web browser of your choice, and use it using the instructions above. Just to be safe, still turn off data/internet before opening any photos with the tool.
If you're a command-line whiz with git set up, you can clone this repository instead of downloading the zip. The command to do so:
git clone https://github.com/everestpipkin/image-scrubber
Bits of this code all though this lifted and adapted from various jsfiddles and libraries --
Thank you:
http://jsfiddle.net/sierawski/4xezb7nL/
https://stackoverflow.com/questions/22604903/needed-canvas-blurring-tool
http://jsfiddle.net/m1erickson/baDLp/
https://storage.flother.is/etc/2010/examples/canvas-blur/v3/canvas-image.js
http://quasimondo.com/StackBlurForCanvas/StackBlur.js
https://github.com/exif-js/exif-js
https://stackoverflow.com/questions/19129644/how-to-pixelate-an-image-with-canvas-and-javascript
https://devbutze.blogspot.com/2014/02/html5-canvas-offscreen-rendering.html
My code is still a bit of a mess but utility over cleanliness, will continue to fix up in the coming days after the more critical work is over.