digital imaging basics
DESCRIPTION
Staff Development Continuing Education Series:. Digital Imaging Basics. What we’ll discuss…. Pixels: Resolution and Resizing Color File formats Hardware & Software. “you say you want a re(s)olution”. Resolution and Resizing. Digital Images and Pixels. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/1.jpg)
Staff Development Continuing Education Series:
![Page 2: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/2.jpg)
What we’ll discuss…
Pixels:Resolution and ResizingColor
File formats Hardware & Software
![Page 3: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/3.jpg)
“you say you want a re(s)olution”
![Page 4: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/4.jpg)
Digital Images and Pixels
Digital Images are composed of digital elements called pixels.
Pixels are bundles of digital information about the color of a specific spot in the image.
They are organized into a grid to convey the image.
![Page 5: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/5.jpg)
Patterns of dots produce the effects of consistent color
The size of each pixel is determined by print size.
![Page 6: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/6.jpg)
Digital Images and Pixels
The RESOLUTION is the ratio of the number of PIXELS to the PRINT size.
Resolution = # of pixels on the longest side print size
Resolution is used to judge the quality of the image. Most often measured in pixels (or dots) per inch or ‘ppi’.
![Page 7: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/7.jpg)
The Big Picture
=
Increasing size without increasing resolution stretches out the dots of color.
![Page 8: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/8.jpg)
The Big Picture
=.5 x.75 @ 72dpi;6.5 kb
4 x 5 @ 10 dpi6.5 kb
![Page 9: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/9.jpg)
The Big Picture
=
Resolution SHOULD decrease when you enlarge, but if you scan at a high resolution, the loss won’t be as severe.
![Page 10: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/10.jpg)
The Big Picture
4 x 5 @ 72 dpi113 kb
=
.5 x.75 @ 575dpi;113 kb
![Page 11: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/11.jpg)
Changing the document size alone doesn’t change the pixel dimensions or the file size
![Page 12: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/12.jpg)
Before: 6.569 x 6.694 inches (473x482 pixels)72dpi667.9K
The number of pixels doesn’t change…just the print size of them.
After:3 x 3.057 inches (473x482 pixels)158 dpi667.9K
![Page 13: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/13.jpg)
Resolution
Print-Size
Print-size and resolution are inversely related…
![Page 14: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/14.jpg)
“Resampling” can change the number of pixels, which can therefore change the file size
![Page 15: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/15.jpg)
Before: 6.569 x 6.694 inches (473x482 pixels)72dpi667.9K
After:3 x 3.057 inches (473x482 pixels)72 dpi139.3K
Resampling can be done to any of the variables (print size, number of pixels, or resolution) independently of each other.
Resampling breaks the relationship between the variables. It always results in file size change because I add or take away pixels.
After:6.569 x 6.694 inches (105x107 pixels)35 dpi32.9K
![Page 16: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/16.jpg)
Resolution
Prin
t-S
ize
Resampling breaks the relationship between resolution and print size
![Page 17: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/17.jpg)
≠
![Page 18: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/18.jpg)
≠
![Page 19: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/19.jpg)
≠
A Warning…
It is possible to resample up or “interpolate”. The computer adds in new dots and guesses their color. The quality is typically poor…
![Page 20: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/20.jpg)
=
4 x 5 @ 72dpi323 kb
.5 x.75 @ 72dpi;6.5 kb
![Page 21: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/21.jpg)
Why Resample?Resampling is used to change image quality for specific purposes…
![Page 22: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/22.jpg)
Print QualityGood consumer printers can print up to about 275 ppi. Commercial printers are often much better.
300 dpi is a print industry standard.
The human eye usually can’t appreciate detail higher than 300 dpi from about 8 inches distance
![Page 23: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/23.jpg)
Monitor Quality
Regardless of the print size you dictate, the monitor will always display 72 pixels in each inch (unless your browser program creates a temporary view).
If you scan something at 300 ppi and show it on a monitor, it will be resized to 72 ppi meaning a 5 inch image would be 21 inches.
These images look as good as print images to your eye because of optical illusion
![Page 24: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/24.jpg)
“16(-bit) and what do you get?”
![Page 25: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/25.jpg)
Painting with Pixels
What are pixels made of? Pixels are a string of code (a series of 0s or
1s) that signify directions for different colors. Each 0 or 1 is called a “bit.” The number of bits in the pixel determines the
color palette.
More bits = more combinations = more possible colors
This is called ‘bit-depth’
![Page 26: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/26.jpg)
Painting with Pixels How does bit-depth affect color?
1-bit = two colors (0 or 1 for each pixel)
2-bit = four colors (00, 11, 01, 10)
4-bit = 16 colors (0000, 0001, 0100, 0101, 0111, etc.)
8-bit = 256 colors (00000000, 001…, 010.. 011..., 001…, 111…)
16-bit = 65,536 colors (00000…, 000…, 0…, 0…, 0…, 0…, 0…)
The more colors you can use, the more realistic a picture looks…and the bigger the file is
![Page 27: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/27.jpg)
Painting with Pixels
Multi-channel Color (RGB) 3 channels (R,G,B) @ 8-bit = 24 bits per pixel
○ 256 kinds of Red…○ 256 kinds of Green…○ 256 kinds of Blue…
Combined to make millions of colors
3 channels (R,G,B) @ 16-bit = 48-bits per pixel = ○ 65, 536 kinds of Red…○ 65,536 kinds of Green…○ 65,536 kinds of Blue…
Combined to make BILLIONS of colors
![Page 28: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/28.jpg)
1-bit, black and white
8-bit grayscale
![Page 29: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/29.jpg)
1-bit, black and white
8-bit grayscale
![Page 30: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/30.jpg)
1-bit, black and white
8-bit grayscale
24-bit color
![Page 31: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/31.jpg)
8-bit grayscale
24-bit color
Which looks better to you?
![Page 32: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/32.jpg)
24-bit color8-bit color
Can you tell the difference here?
![Page 33: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/33.jpg)
8-bit or
24-bit?
Can you tell the
difference here?
![Page 34: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/34.jpg)
24-bit or 48-bit?
Can you tell the
difference here?
![Page 35: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/35.jpg)
Palatable Palettes
The proper color palette to use depends on the image and how you will use it…
![Page 36: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/36.jpg)
Palatable PalettesWhich Color Settings to Use?
1-bit: Black & White text with no artifactual value mainly for large-scale book scanning, ILL
scanning
8-bit, 1 channel: Indexed color or grayscale web graphics and thumbnails, NOT continuous tone images text with some artifactual value; sometimes with black and white images
8-bit, 3 channels (24-bit): RGB manuscript text, photographs, slides, etc.
16-bit, 1 channel (16-bit): Grayscale Best for grayscale images that will need major adjustment post-scan
16-bit, 3 channels (48-bit): RGB Best for continuous tone images that will need major adjustment post-
scan
![Page 37: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/37.jpg)
![Page 38: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/38.jpg)
“save the last (file) for me”
![Page 39: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/39.jpg)
Saving and SharingRaw formats : straight from the camera or scanner; no post-processing or organizing the data; only usable in a very limited number of applications
TIFF : usually the largest digital files; supports many color profiles; different options for compression; cannot be displayed in a browser or email
JPEG2000 : smaller than TIFFS; supports multiple color profiles; different options for compression; doesn’t work in many browsers or email
JPEG : much smaller than TIFFs; viewable in web browsers; variable amounts of compression
GIF : very small files using an index color schemebut uncompressed; viewable in any browser.
PDF : great for sharing, especially text; web compatible; an open standard though not always a preservation one; not ideal for saving/reusing images
![Page 40: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/40.jpg)
Saving and Sharing Compression:
Lossless ○ Compresses data but keeps the directions to reconstruct it.
Doesn’t compress as much as lossy compression.
Lossy○ Similar information is lumped together
![Page 41: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/41.jpg)
Uncompressed image72 dpi8 bit RGB color83 KB
Compressed image72 dpi8 bit RGB color30 KB
![Page 42: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/42.jpg)
Uncompressed image72 dpi8 bit RGB color83 KB
Compressed image72 dpi8 bit RGB color39 KB
![Page 43: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/43.jpg)
Saving and Sharing
So, how do we save it?A copy to keep? (hi-res, original size, big file)
○ Tiff? JPEG2000?
A copy to print? (med- to hi-res, determined size, big to medium file)○ A 300 dpi JPEG? JPEG2000? A PDF?
A copy to view? (lo-res, determined size, small file)○ A 72 dpi JPEG? JPEG2000? A PDF?
A copy for comparison? (lo-res, small size, small file)○ A 100x100 pixel JPEG? A 100x100 pixel GIF? JPEG2000?
![Page 44: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/44.jpg)
(baby we were) Born to Scan
![Page 45: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/45.jpg)
Flatbed ScannersPros:•Reasonably good resolution and
color management•Can be adapted to fit both reflective and transparent materials
•Stands up to repeated use•Easy to use (usually)Cons:•Limited bed size•Lower resolution and quality than specialty scanners (some)
![Page 46: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/46.jpg)
Slide or Film Scanners
Pros:•High resolution •Some models can handle both 35mm and medium slide formats
Cons:•Can only handle slide or film of specific sizes
•More expensive than flatbeds
![Page 47: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/47.jpg)
Overhead ScannersPros: Can handle oversize materials, fragile
books, other odd formats or fragile materials
Usually come packages with software to do sophisticated image edits or batch processing
Some have robotic page turning elements
Cons: Difficult and time consuming to operate Expensive Low resolution
![Page 48: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/48.jpg)
Drum and Roll Scanners
Pros: Can accommodate large formats Can capture in true CMYK colors Capable of very high resolutions
Cons: Materials must be sturdy yet flexible Can damage materials Only appropriate for reflective
materials
![Page 49: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/49.jpg)
Scanning Software Differences
Different interfaces
have similar basic
features
![Page 50: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/50.jpg)
Epson Interface
Color settings lists bit-depth but not “RGB”
Both resolution and print (document) size are changeable
Epson Scan in “Professional Mode”
Scanning Software Differences
![Page 51: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/51.jpg)
Color settings lists document types but not “RGB”
Both resolution and print (document) size are changeable
Epson TWAIN
Scanning Software Differences
![Page 52: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/52.jpg)
![Page 53: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/53.jpg)
Things to look for in a scanner High “optical” resolution
Scanner specifications usually include an “optical” and “interpolated” resolution (and now we know interpolation is bad)
D-max or dynamic rangeThe lightest light and the darkest dark the scanner can
see. You want at least 2.0 (scale from 1.0 to 4.8) At least 24-bit “external” color
Another trick…”internal” or “hardware” is meaningless A transparency adapter
If you want to scan slides too
Take the manufacturer’s word with a grain of salt
![Page 54: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/54.jpg)
Digital CamerasPros: Good for 3-dimensional objects Good resolution and zoom Can capture materials from multiple
angles Area-array (vs. line-array)
Cons: Quality can be dependent on
skill of photographer and external factors like lighting
Probably not as good for flat materials as a scanner
![Page 55: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/55.jpg)
More ways to say the same thing “Megapixel”
Maximum number of pixels in an imageResolution will depend on what size you print
the imageWhen you open the image on your computer it
will default to 72 ppi
Optical Zoom vs. Digital Zoom“optical” zoom is actual zooming with the lens“digital” zooming is resampling! The quality
suffers…
![Page 56: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/56.jpg)
Photo Editing Software Adobe Photoshop
Expensive ($699 to $999); professional quality; more tools than you will probably ever use; the ability to adjust everything manually
Adobe Photoshop ElementsMuch less expensive ($80); intuitive adobe design;
“auto” tools instead of manual ones Corel Paint Shop Pro
Much less expensive ($50); similar tool set; a little less intuitive than Photoshop; auto and manual tools
GIMPFree ($0!); similar tool set, but often different
terminology; auto and manual tools
![Page 57: Digital Imaging Basics](https://reader035.vdocuments.mx/reader035/viewer/2022062217/56813f64550346895daa374d/html5/thumbnails/57.jpg)
Do we have time for a