forked from codepo8/image-data-cleaner
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
34 lines (32 loc) · 1.93 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="en" manifest="photocleaner.appcache">
<head>
<meta charset="UTF-8">
<title>Remove personal data from photos before sharing them on the internet</title>
<meta type="description" content="Remove extra information from images - directly in your browser">
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="styles/styles.css" type="text/css">
</head>
<body>
<header>
<h1>Remove personal data from photos before sharing them on the internet</h1>
</header>
<section>
<p>Before you upload photos to the web, you might want to check if you don't give out too much information. Cameras, smartphones and other hardware does not only store the image information but also the time and date, what camera was used and possibly even the location on the planet in every image in <a href="http://en.wikipedia.org/wiki/Exchangeable_image_file_format">EXIF</a> data.</p>
<p>Using this tool you can see this data, and download an image that has all of it removed to send out.</p>
<p><strong>Your photo does not get uploaded anywhere, all of this happens on your device, in your browser. It even works offline.</strong></p>
<p>Simply browse for your photo here and you get all the information in it. Then click the "Download clean image" link to get the image with all this information stripped from it. If there is no extra data in the image, it will tell you so.</p>
<div id="app">
<input id="getfile" type="file" accept="image/*" />
<div id="output"></div>
<canvas></canvas>
</div>
</section>
<footer>
<p>Written by Chris Heilmann as an add-on to my <a href="https://www.youtube.com/watch?v=gnbLLQwZxeA">TEDx Talk about making social media more social again</a>. Uses <a href="https://github.com/jseidelin/exif-js">exif.js</a> by Jacob Seidelin.</p>
</footer>
<script src="scripts/exif.js"></script>
<script src="scripts/cleaner.js"></script>
</body>
</html>