Of Digital Images, EXIF Tags and Privacy Exploring the images posted on the Internet.

Slides:



Advertisements
Similar presentations
Computer Basics Hit List of Items to Talk About ● What and when to use left, right, middle, double and triple click? What and when to use left, right,
Advertisements

Reviewing: O Reviewing Photos on a Computer Cull and Geotag Photos Prepare Conduct Transfer Bag & Tag Publish.
Introducing new web content management tools for Priority...
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Adobe Photoshop CS Design Professional ADOBE PHOTOSHOP CS GETTING STARTED WITH.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Chapter 4 Adding Images. Inserting and Aligning Images Using CSS When you choose graphics to add to a web page, it’s important to use graphic files in.
Adding Photos to your Site Created for the 2010 IAGenWeb Coordinator’s Conference By Ralph Leonard.
- where great ideas begin-. BrilNet is a web conferencing solution that allows you to always stay connected. With BrilNet, you can schedule, host and.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Programming with App Inventor Computing Institute for K-12 Teachers Summer 2012 Workshop.
Creating a Web Page HTML, FrontPage, Word, Composer.
Laboratory Exercise # 3 – Basic File Management Office Productivity Tools 1 Laboratory Exercise # 3 Basic File Management Objectives: At the end of the.
The basics of the Online Portal
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Preparing for Electronic Distribution Lesson 14.
Microsoft Office PowerPoint 2013 Microsoft Office PowerPoint 2013 Courseware # 3256 Lesson 8: Sharing Presentations.
Tutorial 3: Working with Images. Objectives Session 3.1 – Identify the differences among image file types – Evaluate the purpose of alternative text –
Starter for 10 Unit 10: Flickr & YouTube Transform IT SFT10_Flickr_YouTube.
~ How to create a basic website ~ Prepared by Jann Bradshaw April 2010.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
Microsoft Windows LEARNING HOW USE AN OPERATING SYSTEM 1.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Project 3 File, Document, Folder Management, Windows XP Explorer Windows XP Service Pack 2 Edition Comprehensive Concepts and Techniques.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Web Technologies Website Development Trade & Industrial Education
Unit E. Image Measurements The size of an image can be measured 2 ways: Dimensions: the height and width, measured in pixels. File Size: measured in Kilobytes.
Discovering Computers 2010 Chapter 2 The Internet and World Wide Web.
| | Tel: | | Computer Training & Personal Development Microsoft Office PowerPoint 2007 Expert.
Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation.
Adding Content to the Agency Web Site - Part 2. Adding individual web pages for success stories Agency Web Site Adding Content 2, Slide 2Copyright © 2004,
Website Development with Dreamweaver
Tutorial 121 Creating a New Web Forms Page You will find that creating Web Forms is similar to creating traditional Windows applications in Visual Basic.
PICASA Erceg Aleksandra II4. About -Picasa is used for organizing, viewing and editing digital photos. It also has an integrated photo-sharing website.
Microsoft FrontPage 2003 Illustrated Complete Working with Pictures.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
StopPreviousNext Vicnet Internet training course Workbook 7 Working with pictures on the Internet Easy English workbook July 2010.
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
An Interesting Geography Tool A new way to create Photosynths using Microsoft ICE This Photosynth was created from 9 photographs taken with a FUJI FINEPIX.
0 eCPIC User Training: Resource Library These training materials are owned by the Federal Government. They can be used or modified only by FESCOM member.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Click on these! %2Fblank%2Fbrowse.asp%3FA%3D383%26BMDRN%3D2000%26BCOB%3D0% 26C%3D64893.
Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs.
HTML Comprehensive Concepts and Techniques Second Edition.
Using Google Docs: The Basics for Students Paul Jude Beauvais August 29, 2010.
XP New Perspectives on Windows 2000 Professional Windows 2000 Tutorial 2 1 Microsoft Windows 2000 Professional Tutorial 2 – Working With Files.
11/8/ Word Processing Building a Website Using Microsoft Word Please visit and sign-up the free account using verified.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Week 3  Adobe Photoshop Introduction  Create an Image Collage  Save For Web Please Visit:
Videos, the More Tag, Permalinks, and Shortlinks.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
The Role of Embedded Metadata in Visual Resources Mira Basara DSPS January 2015.
What is Voice Thread? VoiceThread is an application that runs inside your web browser, so there is no software to download, install, or update. VoiceThread.
Chapter 1 Getting Started with Adobe Photoshop CS4.
Compare and Contrast : Blackboard & a Personal Web Page www3.ltu.edu/~s_schneider/howto/faculty.htm You’ll find this presentation (and another) here :
Advanced Website Training: June, 2010 Insert Images as Your Background Using Google Docs for Document Hosting Custom Contact Forms on Your Website.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Text2PTO: Modernizing Patent Application Filing A Proposal for Submitting Text Applications to the USPTO.
XP Creating Web Pages with Microsoft Office
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
MicrosoftTM SharePoint Content Management SystemTutorial
Weebly Elements, Continued
Getting Started with Adobe Photoshop CS6
Imaging and Design for Online Environment
Getting Started with Adobe Photoshop CS5
Getting Started with Adobe Photoshop CS6
Chapter Lessons Start Adobe Photoshop CS
Wheelers clubs Your site will consist of 3 pages:
Presentation transcript:

Of Digital Images, EXIF Tags and Privacy Exploring the images posted on the Internet

Let’s Start with an Example Let’s assume we want to download an interesting image found on the web: foto.asp

First Inspection in Microsoft Windows Once the image is saved in a folder, Select the view: Thumbnails And mouse over the image: You should see something like 

What we learn here Some graphics formats can contain “data about data”: - These data are called Metadata - They are embedded in the document itself - They are hidden from casual viewing In the case of the JPEG format, the Metadata is structured using “EXIF tags” Educate yourself on EXIF Tags: Read at:

From Wikipedia: The metadata tags defined in the EXIF standard cover a broad spectrum Date and time information: Digital cameras record and save the current date and time Camera settings: Static information (camera model and make), and Dynamic information that varies with each image ( orientation, aperture, shutter speed, focal length, metering mode, and ISO speed) A THUMBNAIL for previewing the picture on the camera's LCD screen, in file managers, or in photo manipulation software. Note: this thumbnail remains unmodified when the real image is retouched and saved (by professional products) Descriptions and copyright information

Graphics/Audio Formats Supporting TAGS JPEGJPEG, TIFF Rev. 6.0, and RIFF WAV file formats, with the addition of specific metadata tagsTIFFRIFFWAVmetadata EXIF Tags are not supported in JPEG 2000, PNG, or GIF.JPEG 2000PNGGIF

EXIF Tags are created by Digital Cameras, including Smart Phones Some Photo-Editing Software: Photoshop The XMP Tags are used for “Describing the document”” (Example on the next slide) Some Specialized Software applications (used for inserting proprietary information: copyrights, etc)

EXIF (XMP) Tags inserted by Photoshop Displayed with

The Problem with EXIF Tags They contain information (that can be private) that is hidden by most viewing software They can be displayed using Special Viewers

Deep Inspection A RAW View of the File Start Lister32, also available in the current folder (Note: Lister32 is a stand-alone freeware file viewer supporting very large files and several display modes: click on “Options”) In Lister32, open the image you have just downloaded

A (partial) View of EXIF Tags displayed by OPANDA (Plugin for Firefox)

What we learnt here What Digital Camera was used The image was retouched on a Macintosh Using Photoshop CS3 The Date/Time of the Processing... and many more things... All this information is stored in the JPEG file format. This file implements the EXIF file format that can store a lot of information about the creation and processing of the image. Is this impressive? maybe NOT compared to all the information that could be stored in a file implementing the EXIF Standard! Examples 

Preliminary Conclusions CAUTION is recommended when - You enter your settings in your digital camera -You use your Smart Phone to take pictures that you will later post on the web, if it is GPS enabled, the picture will include the geographic location -Graphics files implementing the EXIF tags can stores a lot of information! -Reusing images found on the web: they contain some form of evidence of the owner of the image

Bad things that have happened because the users were unaware of EXIF information (MetaData) Read Cat SCHWARTZ story: photoshop-to-blame.htm Read Adam Savage’s story:

MetaData and Social Web Sites What Social Web Sites do with MetaData embedded in images uploaded on their web sites : -Automatically remove -Offers the user to remove -Does nothing: the uploaded image retains its metadata

What the User Wants To have control on this information … We need a powerful tool (possibly several tools) to edit and modify the EXIF Tags! In the next slides we reviews several freeware products 

The Solution of the Poor User 

How to Modify the EXIF tags The solution of the “Poor User” 1) Editing the image with a file viewer and removing manually the unwanted information does not work: this corrupts the file and the image is no longer viewable 2) Load the image in a Picture Viewer/Editor and save it as a BMP, this removes all the EXIF tags 3) Now save again the image in a JPG format. The result could be a file of a larger size

Metadata come in Various Flavors - Exif -GeoTags (added by devices that are GPS enabled: Smart Phones) -XMP Information

Options for Processing Metadata come in various flavors - Displaying MetaData (All or Part) -Modifying the MetaData (All or Part) -Adding MetaData -Exporting the MetaData: Copy the MetaData to a file -Importing MetaData from a file into an image -Removing All MetaData, including the Thumbnail

Different Perspectives: Is Metadata GOOD or BAD? - A “Digital Camera User” wants to post online some pictures, but wants to remove all personal information hidden in the picture, such as geographical information, use of a retouching software, OS running on the computer, original image before cropping -A Professional Photographer wants to add “Copyrights Notes” -A Professional Photographer wants to keep track of the make / settings used to take each images -A Professional Photo Retoucher wants to keep track of the software used to process each image -A user wants to keep track of the geographic information of the location where the image was taken in order to associate it later with a geographical map The intention behind the embedding of MetaData is USEFULNESS, but if used without the awareness of the user, it is a great infringement on privacy!

Tools for Processing Metadata come in various flavors - Commercial / Freeware -As a rule, their capabilities varies a lot from product to product for processing the various components of MetaData -Can process one image at time or can process batches

How to Modify the EXIF tags The solution of the “Educated User” Use a “EXIF tags” Editor You will retain the original quality of the file  Some comments on the capabilities of some Free EXIF Editors

Testing EXIFER

Web Site: Download Link: Note: - Last Release: 2002, -No longer maintained -Very good product

Exifer gives access to only a limited number of EXIF Tags It lets you ADD Tags (Photographer’s Name, Retouching Artist’s Name, etc., but you cannot remove the existing TAGS

Displays several EXIF Tags in the Right Pane

EXIFER shows the image and the embedded thumbnail EXIFER scan save the embedded thumbnail in a separate file for later inspection

EXIFER can remove the embedded thumbnail, this results in a reduced size of the JPG File In our example: 566 Kb >> 543 Kb

Rating EXIFER The Interface could be more intuitive Does not display all the EXIF tags (such as those added by retouching software, e.g. Photoshop)

Testing PhotoME

Shows most of the EXIF Tags (But exiftool(-k).exe and Lister show more) Shows the tags added by Photoshop Does not allow modifying the Tags inside the file, but allows

PhotoME offers several options for Displaying the Tags

XNView Free Portable Open-Source

XNView Can REMOVE All MetaData Can Export some MetaData

XNView Can EDIT some MetaData

Deep Inspection An Interpreted View of the File For this exercise we use: A freeware utility exiftool(-k).exe Available at: (Windows and Mac)

Deep Inspection A RAW FILE VIEWER For this exercise we use: A freeware utility Lister Available at

Removing Metadata Tags Pros / Cons Pros of Metadata tags: Metadata tags can be technically useful Cons: File size The user should know what s/he is doing when using files embedding metadata

Removing Tags from JPG images From: The various yellow sections are all "extras", which are ignored by web browsers and JPG image viewing programs Removing all the yellow "extras" and combining some of the green sections whilst leaving the blue section intact results in a much smaller JPG file, yet the resulting image will look identical to the original image because the JPG image data is completely unchanged.

Space Saving using JPGExtra Download at: Website: Files Size: 566 Kb >> 532 Kb ( - 34 Kb, 6%)

Space Saving using MetaSripper.092 Download at: Website: Files Size: 566 Kb >> 543 Kb ( - 34 Kb, 4%)

Space Saving Original ~24kB Example with a small file: Original Photo: EXIF Tags removed: Cleaning Tool: Exif Tag Remover 4.0Exif Tag Remover 4.0 Cleaned ~3kB Note: the Reduction of the file size is more dramatic with small files Total gain: - 21 Kb (88%)

More on files Embedding Metadata Digital Fingerprinting Many file formats contain some form of metadata tags Notorious: Frontpage saves in the part information about the computer where the page is composed

Resources Raising awareness about inadvertent information sharing Web Photos That Reveal Secrets, Like Where You Live Stalking for Dummies

Metadata in Microsoft documents

Notes by P Krolak These notes are ideas to incorporate into the exercise

Case Study We will use an image of a table set that was for sale in a mall in the summer of The image was taken by a smart phone and sent via to a friend.

The Table set

First – Use the EXIF Tool

The Exif result The Exif tool confirms the date, time, and camera including the settings It also shows the geotag data

PhotoME

PhotoMe Using the current version examine the table set photo We display the GPS data and we note the histogram information on the left.

PhotoMe Note the brower, image display, and image editing tool icons at the top of the window. Click and the image opens in the tool. For finding the portion of the metadata to display in the main window click the button for the section of the meta data that is to be examined.

GeoSetter GeoSetter allows us to open the metadata and edit it. The Geotag metadata can add, edit, or remove the lat/longitude The final step allows us to export a KML file to embed the picture in a Google map or Google Earth

GeoSetter Download from GeoSetter is a freeware tool for Windows (XP or higher) for showing and changing geo data and other metadata (IPTC/XMP/Exif) of image files (e.g. images taken by digital cameras).

Step 1 Click [Images] and open folder. Select the image to edit.

The GeoSetter display The toolbar and the three parts of the display The working images – the highlighted blue image, the table set with EXIF data shown The image of the table set. The map with the purple marker showing the location of the photo.

Edit Step [Images]/Edit image The image is missing the location information to go with the lat/long The location is gotten from the web.

The Edit of the EXIF If the Geotag is missing the data can be added to the file. Suppose that you have photos without geotag that you want to enter data for you could use ntation/javascript/v2/examples/geocoding- reverse.html to point to the map where the photo was taken and get the address, the lat long etc. ntation/javascript/v2/examples/geocoding- reverse.html If the Geotag is missing the data can be added to the file. Suppose that you have photos without geotag that you want to enter data for you could use ntation/javascript/v2/examples/geocoding- reverse.html to point to the map where the photo was taken and get the address, the lat long etc. ntation/javascript/v2/examples/geocoding- reverse.html If the Geotag is missing the data can be added to the file. Suppose that you have photos without geotag that you want to enter data for you could use ntation/javascript/v2/examples/geocoding- reverse.html to point to the map where the photo was taken and get the address, the lat long etc. ntation/javascript/v2/examples/geocoding- reverse.html

Locate the site of the photo on the google map. Locate the site of the image on the map provided. Click on the location. Record the data using the Geosetter tool image edit n/javascript/v2/examples/geocoding-reverse.htm n/javascript/v2/examples/geocoding-reverse.htm

An easier to use Geocode Site to get latt/long and zipcode from and address Below the map you are asked for an address (two if you need directions) ddr1=98122&geocode=1

Click on the images/Export to Google Earth

The KLM file will open in Google Earth

Locate the image and click on it

The image is now in Google Earth

Sources of GeoTagged Data Smart phones and tablets with cameras Cameras with GPS

Sites with GeoTagged Photos data.phphttp:// data.php

References for research Geotagging using iPhone or Android geotagging -- hotos-userguide pdf hotos-userguide pdf Google maps (lat, Lon) leMapLocationv3.php leMapLocationv3.php

References Geotagging Devices explore-geotagging-sd-card explore-geotagging-sd-card

Reference Reverse geogode example reverse-geocoding.htmlgs/demo/google- map-reverse-geocoding.html reverse-geocoding.htmlgs/demo/google- map-reverse-geocoding.html