dallas genealogical society technology special interest groupdemystifying digital images tony hanson...

112
Dallas Genealogical Society Technology Special Interest Group Thursday, April 2, 2015 Tony Hanson Webmaster Technology Special Interest Group Leader Director - Education

Upload: others

Post on 28-Sep-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Dallas Genealogical Society Technology Special Interest Group

Thursday, April 2, 2015

Tony Hanson Webmaster

Technology Special Interest Group Leader Director - Education

Page 2: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Demystifying Digital Images

Tony Hanson Webmaster

Technology Special Interest Group Leader

Page 3: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

What we will be talking about • What is a Digital Image • How Digital Images are Created • Numeric Representation of Colors • Histograms • How Digital Cameras and Scanners Work • Digital File Formats • Image Resolution and Size • Printing Images • Metadata • Resizing Images

02/2015 3

Page 4: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

What is a Digital Image?

• A numeric representation of an image • Comprised of an organized collection of Pixels

(Picture Elements) – Rows & Columns – Pixel a.k.a. ‘Dot’

• When viewed on a suitable display (or printed) it appears to be an exact copy of the original image

02/2015 4

Page 5: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 5 “Prairie Passage” by Carl and Sandra Bryant

Eagleville, MO Welcome Center

Mosaic Image

Page 6: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 6

Page 7: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 7

Page 8: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Notre Dame Cathedral, Montreal Canada

Page 9: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

How Are Digital Images Created?

• ‘Born Digital’ – Created using software that directly creates the

digital file – File -> Save As ->

02/2015 9

Page 10: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 10

This is an image file created directly from Publisher

Page 11: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Graphic Images

• Has relatively Few colors • Usually a (relatively) small file • Some file formats are customized to support

this type of image

02/2015 11

Page 12: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

How Are Digital Images Created?

• Converted to a digital format – Scanner – Digital Camera – These both use a Charge Coupled Device (CCD) to

convert the optical image into an appropriate numeric representation

02/2015 12

Page 13: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

CCD: Converts Light to a Numeric Value

02/2015 13

Memory CCD

Color values are represented by three components: • Red • Green • Blue

Light

x

y z

Page 14: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 14

Color Palette

Page 15: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Red

02/2015 15

Memory CCD

255

0

0

Page 16: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Green

02/2015 16

Memory CCD

0

255

0

Page 17: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Blue

02/2015 17

Memory CCD

0

0

255

Page 18: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

White

02/2015 18

Memory CCD

255

255

255

Page 19: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Black

02/2015 19

Memory CCD

0

0

0

Page 20: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Purple

02/2015 20

Memory CCD

136

109

249

Page 21: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Gray

02/2015 21

Memory CCD

179

179

179

Note that the color values are all the same for Gray….

Page 22: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Numeric Representation

• Color • Gray Scale • Black and White

02/2015 22

Page 23: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Numeric Representation: Color

24 Bit Color Depth • Each component value (Red, Blue and Green)

can range from 0 to 255 – In Binary, the range is

• 0: 00000000 • 255: 11111111

• 3 Colors x 8 bits each = 24 bits

02/2015 23

Page 24: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

255 in Binary Notation

1 2 6 3 1 8 4 2 6 8 4 2 1 1 1 1 1 1 1 1 1 128+64+32+16+8+4+2+1 = 255

02/2015 24

Page 25: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

48 Bit Color

48 Bit Color Depth • Each component value (Red, Blue and Green)

can range from 0 to 65,535 – In Binary, the range is

• 0: 00000000 00000000 • 65536: 11111111 11111111

• 3 Colors x 16 bits each = 48 bits • Provides more colors

– More steps between Black and White 02/2015 25

Page 26: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

65,536 in Binary Notation 3 1 2 6 8 4 2 1 7 3 1 0 0 0 5 2 1 6 8 9 9 4 2 1 5 2 6 3 1 8 4 2 6 8 4 2 6 8 4 2 6 8 4 2 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 32268+16324+8192+4096+2048+1024+512+256 = 65280 128+64+32+16+8+4+2+1 = 255 65280+255 = 65535

02/2015 26

Page 27: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Black is Still Black

02/2015 27

Memory CCD

00

00

00

Page 28: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

White is still White

02/2015 28

Memory CCD

65535

65535

65535

Page 29: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

More shades of Blue (and Red, Green…)

02/2015 29

Memory CCD

0

0

65535

Page 30: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Gray Scale

• Ranges from White through various shades of Gray to Black – Has equal Red, Green and Blue values – Since each of the three values is the same it is

only necessary to record it once

• This limits the colors available, but may produce a high quality image that requires less storage

02/2015 30

Page 31: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 31

Grayscale Palette

Page 32: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Gray Scale Color Depth

• Usually available in 8 bit and 16 bit color depth

• The end points in both cases are still White and Black

• 16 bits gives you more granularity – More shades of Gray

02/2015 32

Page 33: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Black and White ( a.k.a. ‘Line Art’)

• Each Pixel can have one of two values: – 0 => White – 1 => Black

• It is usually possible for you to modify the threshold between what is considered Black and what is considered White

• These values (0 or 1) can be stored in a single bit, significantly reducing storage requirements

02/2015 33

Page 34: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Size Matters!

02/2015 34

Source: ‘A few scanning tips’ http://www.scantips.com/basics1d.html

Page 35: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

How many Pixels at each color?

How Many Pixels

0, 0, 255 0, 255, 0 255, 0, 0 0, 0, 0 255, 255, 255

“Black” “White”

27

53

26

“Blue” “Green” “Red”

Page 36: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

A Histogram!

0, 0, 255 0, 255, 0 255, 0, 0 0, 0, 0 255, 255, 255

“Black” “White”

How Many Pixels

Count of How Many Pixels at each color

s

Page 37: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Histogram

• Shows a count of each ‘color’ in the image • Helps understand how much contrast the

image has – Probably most useful to photographers (useful for

judging exposure) – Also useful when adjusting scanner threshold

settings

s

Page 38: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Digitation Tools

• Camera • Scanner

02/2015 38

Page 39: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Digital Camera

Image Lens Charge Coupled Device

Light

Shutter

Aperture

s

Page 40: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Image on a Charge Coupled Device (CCD)

……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

Pixels

Page 41: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

CCD Characteristics

• How sensitive it is to Light • Its Size • How many Megapixels • Aspect Ratio

– Ratio of Width to Height (Pixels) – A square would have an aspect ratio of 1 – Typical values for a camera are 1.3 or 1.5

(rectangular)

02/2015 41

Page 42: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

• Records images in a 3264 by 2448 format – 3264 x 2448 = 7,990,272 Pixels (8 MegaPixels) – 3264 / 2448 = 1.33 to 1 Aspect Ratio

2448

3264

iPhone 6

Page 43: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Scanners

• Unlike a camera, a scanner has only a single row of CCD sensors

• The sensor is moved across the document to be scanned and takes many samples in the process

02/2015 43

Page 44: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Flatbed Scanner

Document Light

Charge Coupled Device

Mirrors

Glass

Page 45: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Document

Page 46: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

My Simple Document

Tony.

02/2015 46

Page 47: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Each Line scanned as a series of Pixels…

oooooooooo oooooooooo oo oo oo oo oooooooooo oooooooooo ooo oo oo oo oo oo oo oo oo oo oooo oo oo oo oo oo oo oo oo oo oo oo oooo oo oo oooooooooo oo ooo oo oo oooooooooo oo oo oo o

Page 48: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Scanner Specifications

• Optical Resolution – The Pixels per Inch capability of the CCD (Horizontal resolution)

• Hardware Resolution – The resolution of the mechanism that moves the CCD across the document (Vertical Resolution)

• Interpolated Resolution – Using software to increase resolution by predicting what might be in between two scanned pixels

02/2015 48

Page 49: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

How are digital images saved?

02/2015 49

Page 50: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Digital File Formats

• A digital file format defines the way that the digital information will written into (and read from) the file

• Many file formats have been created over the years to address different needs and concerns – Wikipedia has identified 262 different graphics file

formats!

02/2015 50

https://en.wikipedia.org/wiki/Comparison_of_graphics_file_formats

Page 51: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Image File Format Characteristics • Raster vs. Vector • Compression Type • Color Depth • Color Indexing • Transparency • Metadata • Interlacing • Animation • Layers • Color Management

02/2015 51

Page 52: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Raster vs. Vector

Vector formats deal with lines and shapes • These scale (adjust to different sizes and

display formats) very well • Useful in graphic and scientific applications Raster formations deal with pixels/dots • The focus of our discussion

02/2015 52

Page 53: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Compression

• Not all formats perform compression • Those that do fall into two classes:

– Lossless • No loss of resolution or color information • Results in larger files

– Lossy • Some irreversible loss of resolution or color information

in the compression process • Results in smaller files

02/2015 53

Page 54: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Color Depth

• Defines the number of bits available to encode color – Usually can be modified – Ranges from 1 to 48 bits

02/2015 54

Page 55: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Color Indexing

• Some formats limit the number of discrete colors that can be utilized

• They provide a fixed size matrix where the colors utilized in the image can be specified

• During the encryption, each pixel’s color is referenced to this table – Advantage: Smaller File – Disadvantage: Limits the color granularity of the

image

02/2015 55

Page 56: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Transparency

• Not supported by all formats • Allows the background to be viewed behind

the image • Achieved by designating a specific color in the

image • When displayed, image pixels with the

designated color are discarded and replaced the appropriate pixel from the background image

02/2015 56

Page 57: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Metadata

• Not supported by all formats • Descriptive information about the image • Appended to the image file • There are a variety of metadata types/standards

that can be used • The most common are:

– Exif – Photographic Information – IPTC – Descriptive Information – XMP – ISO Standard

02/2015 57

Page 58: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Popular Image File Formats

02/2015 58

Page 59: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

TIFF

• Compression: None • Color Depth: 1,2,4,8,16,24,32 bit • Color Indexing: Yes • Transparency: Yes • Metadata: Yes • Comments

– Can be compressed with external/3rd party compression tools

02/2015 59

Page 60: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

JPEG

• Compression: Lossy • Color Depth: 12/24 bit • Color Indexing: No • Transparency: No • Metadata: Yes • Comments

– Amount of compression can be varied – Repeated saving compounds color loss

• a.k.a. ‘JPEG Artifacts’ – Good for photos, bad for text or graphics

02/2015 60

Page 61: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

JPEG vs TIFF

• Original TIFF File – 5036 x 8326 Pixels – 600 dpi – 25,667 KB

• Large JPEG – 5036 x 8326 Pixels – 600 dpi – 15,360 KB

02/2015 61

• Medium JPEG – 5036 x 8326 Pixels – 600 dpi – 3,146 KB

• Small JPEG – 5036 x 8326 Pixels – 600 dpi – 1,567 KB

Page 62: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

JPEG Artifacts

02/2015 62

Loss of: • True Color • Correct Intensity • Resolution

Page 63: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

GIF

• Compression: LZW • Color Depth: 1,2,3,4,5,6,7,8 bit • Color Indexing: Yes • Transparency: Yes • Metadata: Yes • Comments

– LZW compression had licensing/legal issues that limited its widespread use

02/2015 63

Page 64: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

PNG

• Compression: Lossless • Color Depth: 1,2,4,8,16,24,32 bit • Color Indexing: Yes • Transparency: Yes • Metadata: Yes • Comments

– Much better choice than JPEG – Some consider it to be nearly as good as TIFF – W3 endorsed replacement for GIF

02/2015 64

Page 65: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

JPEG 2000

• Compression: Lossy or Lossless • Color Depth: Color up to 48 bit • Color Indexing: No • Transparency: Yes • Metadata: Yes • Comments

– Popular with governments and institutions – Not yet widely supported in the consumer market – Eventual replacement for TIFF

02/2015 65

Page 66: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Metadata

• Data about something • Digital Metadata is Embedded in each file

Pre-Digital Metadata • Date (Aug 61) • Description

(Hanson – Evans – Tollief’s Fam)

Page 67: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

File Format

Image Data

(Pixels)

Camera Data (EXIF)

MetaData

Exchangeable Image File Format

Format Specific (TIFF, JPG, PNG, etc…)

Page 68: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

IPTC: International Press Telecommunications Council

• The most widely recognized standard for Metadata

• Established in 1965 by a group of news organizations

Page 69: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

IPTC Defined For Many Image File Types

• You can define IPTC metadata for the following image formats: – .tif – .jpg – .png

• … But NOT for these image formats: – .bmp – .gif

Page 70: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Viewing or Printing an Image

• Requires software that understands the file format

• Extracts the data and re-creates the image • Computer monitors and printers present

images in very different ways – This may impact how the image appears to you

02/2015 70

Page 71: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

How Big Is That Image?

02/2015 71

• Digital images have no ‘size’ • However, they do have characteristics that

may limit how large you want it to be when it is displayed or printed

Page 72: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

This is a stamp

• The original is 1 ¼ inched tall and 1 inch wide • Scanned at 300 dpi

– 300 x 375 dpi

s

Page 73: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

1920 x 1080 Resolution

A 1 ¼ inch tall stamp scanned at 300 dots per inch

Page 74: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

1280 x 720 Resolution

A 1 ¼ inch tall stamp scanned at 300 dots per inch

Page 75: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

800 x 600 Resolution

A 1 ¼ inch tall stamp scanned at 300 dots per inch

Page 76: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Pixels and Colors

• Computer Monitors will always display images with truer colors when compared to most home printers

• This is because each pixel on a monitor can display the entire possible range of colors – A printer can only approximate the color using a

mixture of colors

02/2015 76

Page 77: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Printing Images

• Printers used at home (generally) can only print dots – Black and White printers can only create black

dots (or no dots at all – a.k.a. ‘white’) – Two modes of printing:

• Line Art • Shades of Gray

02/2015 77

Page 78: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Line Art

• Dot for dot representation of the image • Good for text & some (limited) types of

images

02/2015 78

Page 79: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Shades of Gray

02/2015 79 HP 1320 Laser Printer: Prints at 1200 dpi

Page 80: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Shades of Gray

02/2015 80 Scanned at 9600 dpi

Page 81: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Grid Sizes

• 6 x 6 – 37 Shades of Gray, reduces resolution by a factor of 6 – 600 dpi -> 100 Line Per Inch (lpi) – 1200 dpi -> 200 lpi

• 7 x 7 – 50 Shades of Gray, reduces resolution by a factor of 7

• 8 x 8 – 65 Shades of Gray, reduces resolution by a factor of 8

• 10 x 10 – 101 Shades of Gray, reduces resolution by a factor of 10

02/2015 81

Page 82: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Printing Color Images

• Printers used at home (generally) can only print dots – Color printers can only print the colors for which

they have ink • Cyan, Magenta, Yellow and Black • Cyan, Magenta, Yellow , Black, light Cyan, Light

Magenta

02/2015 82

Page 83: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Printing Colors

• Colors are created by placing different colors close together – One color image (pixel) requires many printer ink dots – The human eye cannot distinguish the individual

colors and will perceive the mixed color – Called Dithering

• This is why (for example) we need a 1200 dpi printer (ink dots) to print an image at 250 dpi (pixels).

02/2015 83

Page 84: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 84

Page 85: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 85

Page 86: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Printer dpi Specifications

• Printer specifications are real, accurate and meaningful, but are not to be confused with image resolution

• Printer ink dots and image pixels are very different things

02/2015 86

Page 87: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Rule of Thumb

• The effective resolution (image pixels per inch) should be in the range of 150 – 300 dpi (for the actual printed dimensions)

• Sending images at higher resolutions is counter productive – Files are larger – Most of the pixels will be thrown away – May actually decrease the quality of the printed

image

02/2015 87

Page 88: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

1 ¼ x 1 inch Original

• Scanned at 300 dpi • OK to print it at its original size

– Effective resolution would be 300 dpi

• Could print it twice as large (2 ½ x 2 inches) – Effective resolution would be 150 dpi

• Larger images would probably not look good – If desired, scan again at higher dpi setting

02/2015 88

Page 89: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Image Resizing

• Scaling • Cropping • Resizing

02/2015 89

Page 90: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Image Resizing: Scaling

• Scaling – Specifying a dpi value to use when printing – Just a numeric value that is saved with the image

and used if/when it is printed – The original image remains unchanged – Defined for TIF and JPG

• Not all applications pay attention to this value

02/2015 90

Page 91: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Scaling

• Stretching or shrinking the image to fit a specified area

• Can be done while scanning or afterwards..

02/2015 91

Page 92: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 92

Scaling: Photoshop 12 Image -> Resize -> Image Size…

Page 93: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Image Resizing: Cropping

• Selected part of the original image • The original image remains unchanged

02/2015 93

Page 94: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Image Resizing: Resizing

• Resizing – Alters the dpi of the image – The original image IS CHANGED

• Best to work on a copy!

– Works better when you DECREASE the dpi value • You can increase, but you are asking the software to

make an educated guess about the pixels it adds

02/2015 94

Page 95: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 95

Resizing: Photoshop 12 Image -> Resize -> Image Size…

Page 96: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Other Modifications

• Orientation (Portrait / Landscape) • Contrast

– Modifying what is considered ‘white’ and what is ‘black’

• Color Balance • File format conversions • Much more…

– Ask Sandra Crowley to give her Image Editing seminar again….

02/2015 96

Page 97: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

More on Size and Resolution

• Let’s assume we want to digitize a document that is 8.5 x 11 inches (the entire document) – Using an 8 Megapixel Digital Camera – Using a Flatbed Scanner

• Questions: – What is the best resolution I can obtain using the

camera? – What dpi setting would I need to use on the

scanner to obtain better resolution?

02/2015 97

Page 98: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Best Case

• We want to maximize the resolution of the image by using as many pixels as possible – Use all of the horizontal pixels (2448) – Determine how many vertical pixels we can use…

02/2015 98

3264

2448

Page 99: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Math!

2448 / 8.5 = x / 11 x = ( 11 * 2448) / 8.5 x = 3168 Unused Pixels: (3264 – 3168) * 2048 = 96 * 2048 = 196,608 (2.5%)

02/2015 99

3264

2448 Pixels 8.5 Inches

96

3168 Pixels 11 inches

Page 100: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

What is our effective resolution?

• 2448 Pixels / 8.5 inches = 288 Pixels/inch • 3168 Pixels / 11 inches = 288 Pixels/inch

To obtain a higher resolution image using a scanner we could scan it at 300 dpi.

02/2015 100

Page 101: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Another Example

• I have a slide (1 inch High x 1.5 inches Wide) • I want to print a 4 x 6 image • What dpi setting do I need to use on the

scanner to scan the slide?

02/2015 101

Page 102: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Solution

• I want to sent a 4 x 6 image at a density of 300 dpi to the printer.

• A 4 x 6 image is exactly 4 times the size of the slide (they have the same Aspect Ratio) – 1 x 4 = 4 – 1.5 x 4 = 6

• Since I am enlarging the image by a power of 4, I will also be decreasing the resolution by a power of 4 – 300 dpi (printed) = dpi (scanned) / 4 – dpi(scanned) = 4 * 300 = 1200 dpi

02/2015 102

Page 103: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

02/2015 103

1.5 inches 1800 Pixels

1 inch 1200 Pixels

4 inches 1200 Pixels (300 dpi)

6 inches 1800 Pixels (300 dpi)

Page 104: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

What if I wanted an 8 x 10?

• (6 * 1 x 1.5) = 6 x 10 – Not big enough!

• (8 * 1 x 1.5) = 8 x 12 – Too big! – Need to crop 2 inches off the width – Could take 1 inch off each side – Let’s assume that this will work for the image…

02/2015 104

Page 105: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Solution

• We still want an effective density of 300 dpi • Enlarging it by a factor of 8 • 8 * 300 = 2400 dpi • Scan the slide at 2400 dpi, crop to 8 x 10 and

print! – Check:

• ( 1 * 2400 ) / 8 = 300 dpi • ( 1.5 * 2400) / 12 = 3600 / 12 = 300 dpi

02/2015 105

Page 106: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

References/Resources

A few scanning tips Wayne Fulton

http://www.scantips.com/

• Invaluable reference! • Also good tips on photography…

02/2015 106

Page 107: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Scanning 101 – The Basics * START - The First Fundamental Concept Video Resolution - How much to scan?

Say No to 72 dpi - It's a false notion Images for television or for PowerPoint

Printing Resolution - Scaling and Resampling Finding the Scaling and Resampling Menus

Printer Resolution - How much to scan? Line art and Threshold - Copy and OCR, Printed Text

Line art and Grayscale Scanning for Fax Descreen to remove Moiré Interference Images in magazines/books/newspapers Interpolated Resolution - 9600 dpi? Photo Resolution - How much can we scan? Image File Formats - Which format? Video Boards Transparent Media Adapter - 35 mm slides? What about Film Scanners? Dynamic Range - 24 bit or 36 bits?

02/2015 107

Page 108: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Wikipedia

Comparison of graphics file formats

https://en.wikipedia.org/wiki/Comparison_of_graphics_file_formats

02/2015 108

Page 109: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Epson Technical Brief

• Discusses Image Quality, Performance and Flexibility of Epson Scanners

• A good overview of technical aspects of scanner design and operation https://files.support.epson.com/pdf/exp16_/exp16_ts.pdf

02/2015 109

Page 110: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Questions?

02/2015 110

Page 111: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

Thank You!

02/2015 111

Tony Hanson Webmaster

Technology Special Interest Group Leader

Page 112: Dallas Genealogical Society Technology Special Interest GroupDemystifying Digital Images Tony Hanson Webmaster Technology Special Interest Group Leader What we will be talking about

http://www.dallasgenealogy.org