csc 8610 & 5930 multimedia technology lecture 2 digital image representation
TRANSCRIPT
![Page 1: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/1.jpg)
CSC 8610 & 5930Multimedia Technology
Lecture 2
Digital Image Representation
![Page 2: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/2.jpg)
2Chapter 1
Today in class (1/30)
6:15 Recap, Reminders 6:25 Lecture – Digital Image Representation 7:30 Break 7:40 Workshop 1 discussion & presentations 8:20 Workshop 2 – Digital Image Exploration 9:00 Wrap
![Page 3: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/3.jpg)
3
ANALOG VS. DIGITAL
![Page 4: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/4.jpg)
4
Analog InformationExamples: time, weight temperature line length width and length of a sheet of paper sound loudness light brightness color saturation and hue Continuous information An infinite number of divisions exist between any two
measurements
![Page 5: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/5.jpg)
5
What is the length of the pencil?
![Page 6: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/6.jpg)
6
What is the length of the pencil?
![Page 7: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/7.jpg)
7
What is the temperature?
![Page 8: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/8.jpg)
8
Analog Thermometer vs. Digital Thermometer
digital thermometer
analog thermometer
![Page 9: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/9.jpg)
9
Analog vs. Digital Analog information
– continuous– made up of infinite number of data points
Digital data– discrete
![Page 10: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/10.jpg)
10
Discrete DataExamples: number of persons
There is no in-between one person and two persons.
choices in multiple-choice questionsThere is no in-between choice A and choice B.
![Page 11: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/11.jpg)
11
Analog vs. DigitalTherometers and Scales What are the limitations of these analog and digital
devices?
What are the advantages of these analog and digital devices?
![Page 12: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/12.jpg)
12
Analog vs. Digital Sight and sound we peceive in our natural world are
analog information--continuous and infinite number of points between any two points.
Computers handle discrete digital data. In addition, the amount of data has to be finite.
Sight and sound must be converted into finite discrete digital data in order for the computer to handle.
![Page 13: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/13.jpg)
13
MONITORING A PUPPY'S WEIGHT IN HIS FIRST YEAR
![Page 14: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/14.jpg)
14
Suppose you use an analog scale to weigh the puppy
![Page 15: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/15.jpg)
15
Now, what is the weight you would note down for this puppy?
![Page 16: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/16.jpg)
16
See the problem in picking a number to represent an analog measurement?
![Page 17: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/17.jpg)
17
Number of Decimal Places In recording the weight, you must decide the number of
decimal places to use.
This determines the precision or exactness of the measurement.
How many will give an exact measurement? How many is enough? How many is too many?
![Page 18: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/18.jpg)
18
Using More Decimal Places• Pros :
– increase the precision in general(But how many is meaningful?)
– Will allow finer distinction between values(will explain in the next slide)
• Cons:– Require more paper and paperwork.– Take longer to read through and interpret the numbers.
![Page 19: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/19.jpg)
19
Distinction Between ValuesWith one decimal place:
– You can have 10 different values between say 2 and 3:2.1, 2.2, ...3.0
• You can distinct between 2.5 and 2.8.• But 2.5 and 2.8 would have been rounded to the same
value of 3 the values do not allow decimal places.
![Page 20: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/20.jpg)
20
Distinction Between ValuesSuppose the allowable weight read outs are
these 10 levels:
0, 5, 10, 15, 20, 25, 30, 35, 40, 45
Then,
2 pounds: rounded to 0 pound
3 pounds: rounded to 5 pounds
The difference between 2 and 3 pounds is 1 pound.
But now, it become 5 pounds if we use these levels.
![Page 21: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/21.jpg)
21
How many measurements to make?
A. once a yearB. once a monthC. every two weeksD. every weekE. every dayF. every hourG. every minuteH. every second
Now, how often would you weigh the puppy to produce a "good" monitoring of his weight over his first year?
![Page 22: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/22.jpg)
22
What are your considerations in deciding how often to weigh the puppy?
![Page 23: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/23.jpg)
23
Considerations• What happens if you weigh the puppy not often enough?
• What happens if you weigh the puppy too often?
• Is there one right answer?
• Will you use the same weighing schedule to monitor the weight of an adult dog?
![Page 24: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/24.jpg)
24
DIGITIZATION:SAMPLING AND QUANTIZATION
Back to the Computer
![Page 25: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/25.jpg)
25
Digitization To convert analog information into digital data that
computers can handle
2-step process:1. sampling
2. quantization
![Page 26: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/26.jpg)
26
Sampling Analogous to weighing and recording the puppy's weight
During the sampling step, you need to set a sampling rate.
Sampling rate: how often you take a data
![Page 27: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/27.jpg)
27
Suppose this is the true timeline of the puppy's first-year growth
![Page 28: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/28.jpg)
28
Suppose you weigh the puppy once a month
![Page 29: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/29.jpg)
29
You get these data points
![Page 30: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/30.jpg)
30
You then interpolate the points
![Page 31: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/31.jpg)
31
You would miss the changes that occur during the first month
![Page 32: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/32.jpg)
32
But the rest matches with the true growth pretty well
![Page 33: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/33.jpg)
33
What about weighing the puppy once a week?
![Page 34: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/34.jpg)
34
You get these data points
![Page 35: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/35.jpg)
35
The data is catching the changes occurring in the first month better
![Page 36: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/36.jpg)
36
But is it exactly?
![Page 37: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/37.jpg)
37
Now for the rest of the year, the data points seem too many
![Page 38: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/38.jpg)
38
Sampling Rate
Weighing Puppy Scenario
Digitization
high(i.e. taking data often)
Pros: can catch more weight changes
Cons: produce more paperworkand thus take longer to read through all the data
Pros: can capture details (e.g. some changes of color within a small region in a picture or amplitude changes in sound within a short period of time)
Cons: produce larger file and thus take longer to process
low(i.e. taking data infrequently)
Pros: less paperwork and thus take shorter time to read through all the data
Cons: may miss weight changes
Pros: produce smaller file and thus take shorter time to process
Cons: may miss details (e.g. color changes in a picture or changes in sound)
![Page 39: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/39.jpg)
39
Quantization• Analogous to rounding the weight to fix number of digits
in the weighing puppy scenario
• During the quantization step, you need to set bit depth.
• Bit depth refers to the number of allowable levels you map (or round) the values to.
![Page 40: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/40.jpg)
40
Example: 10 levels of weightFor 10 discrete levels, you may have the 10 allowable
values as 2.0, 2.1, 2.2, 2.3, 2.4, 2.5, 2.6, 2.7, 2.8, and 2.9 0, 5, 10, 15, 20, 25, 30, 35, 40, 45 2, 4, 6, 8, 10, 12, 14, 16, 18, 20 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ... and so forth
![Page 41: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/41.jpg)
41
Suppose you choose 2.0, 2.1, ..., 2.9For 2.0, 2.1, 2.2, 2.3, 2.4, 2.5, 2.6, 2.7, 2.8, 2.9 Any weight data below 2.0 will be recorded as 2.0.
Any weight data higher than 2.9 will be capped at 2.9.
It works well if the puppy's weight falls in this range. But it does not seem to be the case.
![Page 42: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/42.jpg)
42
Suppose you choose 0, 5,..., 45For 0, 5, 10, 15, 20, 25, 30, 35, 40, 45 A weight of 2 pounds would be rounded to 0 and a weight of
3 pounds to 5.
Cons: For example, the difference between 2 and 3 pounds is altered after they are mapped to the allowable value on this 10-level scale. The difference becomes 5 pounds not 1 pound.
Pros:Wider range.
Again, it works well if the puppy's weight falls in this range.
![Page 43: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/43.jpg)
43
Well, what if we choose this:
2.0, 2.1, 2.2, ..., 44.8, 44.9, 45.0
![Page 44: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/44.jpg)
44
Suppose you choose 2.0, 2.1,...,44.9, 45.0
You have increased the number of levels from 10 to 431.
Pros:– Increase precision compared to using
0, 5, 10, 15, 20, 25, 30, 35, 40, 45– Increase range compared to using
2.0, 2.1, 2.2, 2.3, 2.4, 2.5, 2.6, 2.7, 2.8, 2.9
![Page 45: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/45.jpg)
45
Increase Number of Allowable Levels There does not seem to be any cons in the weighing
puppy scenario.
However, for digitization, increasing the number of allowable levels (i.e. increasing bit depth) will increase the file size.
![Page 46: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/46.jpg)
46
Sampling and QuantizationDigitizing media involves sampling and quantization
regardless of the type of media:– images– video– audio
![Page 47: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/47.jpg)
47
Overview of how sampling rate and bit depth affect digital media file quality
Sampling rate is related to:
Bit depth is related to:
digital images image resolution, or number of pixels
number of allowable colors in an image
digital video number of pixels in the video, frame rate
number of allowable colors
digital audio sampling rate of the audio (it limits how high the pitch of the audio can be captured)
number of allowable levels of amplitude
Details will be covered in chapters for each media type.
![Page 48: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/48.jpg)
48
BITMAPS & DIGITIZATION
![Page 49: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/49.jpg)
49
Pegboard Analogy
A 10 holes 10 holes pegboard
![Page 50: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/50.jpg)
50
Pegboard Analogy
Suppose you want to copy this music note graphic on the pegboard.
![Page 51: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/51.jpg)
51
Pegboard Analogy
Place one peg.
![Page 52: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/52.jpg)
52
Pegboard Analogy
2 pegs.
![Page 53: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/53.jpg)
53
Pegboard Analogy
3 pegs.
![Page 54: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/54.jpg)
54
Pegboard Analogy
Suppose we only put peg in a hole if more than half of its area is covered by the musical note graphic.
![Page 55: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/55.jpg)
55
Pegboard Analogy
Now remove the musical note overlay.
![Page 56: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/56.jpg)
56
Pegboard Analogy
Details are lost because the gridis too coarse for this musical note.
![Page 57: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/57.jpg)
57
How would you improve the details of the musical notes on the pegboard?
![Page 58: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/58.jpg)
58
Using a pegboard with more holes
![Page 59: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/59.jpg)
59
Using a pegboard with more holes
Now it looks closer to the original musical note.
![Page 60: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/60.jpg)
60
Pixels Each peg hole on the pegboard is a sample point. The sample points are discrete.
In digital imaging, each of these discrete sample points is called a picture element, or pixel for short.
![Page 61: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/61.jpg)
61
Pixel Dimensions Refer to an image’s width and height in pixels In the pegboard analogy, the dimension of this pegboard
would be 10 holes 10 holes.
![Page 62: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/62.jpg)
62
Sampling Step
![Page 63: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/63.jpg)
63
Let's look at the sampling step of digitizing a natural scene as if we are taking a digital photo of a natural scene.
![Page 64: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/64.jpg)
64
A natural scene
Look up and let your eyes fall on the scene in front of you. Draw an
imaginary rectangle around what you see. This is your “viewfinder.”
Imagine that you are going to capture this view on a pegboard.
![Page 65: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/65.jpg)
65
Sample into a grid of 25 20 discrete samplesSuppose you are going to sample the scene you see in the "viewfinder" into a pegboard with 25 20 holes.
![Page 66: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/66.jpg)
66
One color for each peg hole.
Each peg hole takes only one peg. Suppose each peg has one solid color. Suppose the color of each of these discrete samples is determined by averaging the corresponding area.
![Page 67: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/67.jpg)
67
This sampled image looks blocky. Details are lost because the grid is too coarse for this image.
![Page 68: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/68.jpg)
68
For 25 20 sample points, it means you get a digitized image of 25 20 pixels.
![Page 69: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/69.jpg)
69
Let's try a different grid size.
![Page 70: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/70.jpg)
70
Sample into a grid of 100 80 discrete samples
Suppose you are going to sample the scene you see in the "viewfinder" into a pegboard with 100 80 holes.
![Page 71: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/71.jpg)
71
Again, one color for each peg hole.
![Page 72: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/72.jpg)
72
For 100 80 sample points, it means you get a digitized image of 100 80 pixels.
![Page 73: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/73.jpg)
73
Sampling Rate Refers to how frequent you take a sample For an image, sampling frequency refers to how close
neighboring samples are in a 2-D image plane.
![Page 74: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/74.jpg)
74
Sampling Rate For example, when we change the grid from 25 20 to
100 80, we say that we increase the sampling rate.– You are sampling more frequently within the same spatial distance.
![Page 75: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/75.jpg)
75
Resolution In digital imaging, increasing the sampling rate is
equivalent to increasing the image resolution.
![Page 76: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/76.jpg)
76
Consequences of Higher Resolution
With higher resolution, You have more sample points (pixels) to represent the
same scene, i.e., the pixel dimensions of the captured image are increased.
The file size of the digitized image is larger. You gain more detail from the original scene.
![Page 77: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/77.jpg)
77
Resolution of Digital Photos Note that 25 20 and 100 80 pixels are by no means
realistic pixel dimensions in digital photography.
They are only for illustration purposes here. Most digital cameras can capture images in the range of thousand pixels in each dimension—for example, 3000 pixels 2000 pixels.
![Page 78: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/78.jpg)
78
A Pixel is not a Square Block A pixel is a sample point. It does not really have a physical dimension associated
with it.
![Page 79: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/79.jpg)
79
A Pixel is not a Square Block When you zoom in on a digital image in an image
editing program, you often see the pixels represented as little square blocks.
This is simply an on-screen representation of a sample point of an digitized image.
![Page 80: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/80.jpg)
80
COLORS
![Page 81: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/81.jpg)
81
Problems A natural image is colored in continuous tones, and thus
it theoretically has an infinite number of colors.
The discrete and finite language of the computer restricts the reproduction of an infinite number of colors and shades.
![Page 82: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/82.jpg)
82
Quantization Step To encode an infinite number of colors and shades with
a finite list.
Quantizing the sampled image involves mapping the color of each pixel to a discrete and precise value.
![Page 83: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/83.jpg)
83
Quantization Step First, you need to consider how many possible colors
you want to use in the image.
To illustrate this process, let’s return to the example of the 100 80 sampled image.
![Page 84: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/84.jpg)
84
The sampled 100 80 image
![Page 85: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/85.jpg)
85
Say, we want to map the color of each sample points into one of these four colors:
Mapping colors
![Page 86: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/86.jpg)
86
Quantized with 4 Colors
![Page 87: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/87.jpg)
87
Quantized with 8 Colors
![Page 88: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/88.jpg)
88
Consequences of Quantization Reduce the number of allowed colors in the image.
When we reduce the colors, different colors from the original may bemapped to the same color on the palette. This causes the loss of the image fidelity and details.
The details that rely on the subtle color differences are lost during quantization.
![Page 89: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/89.jpg)
89
The area outlined in red is made up of many different green colors.
The same area in the 4-color image now has only one color.
![Page 90: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/90.jpg)
90
Bit Depth The number of colors used for quantization is related to
the color depth or bit depth of the digital image.
A bit depth of n allows 2n different colors. Examples:– A 2-bit digital image allows 22 (i.e., 4) colors in the image.– An 8-bit digital image allows 28 (i.e., 256) colors in the image.
The most common bit depth is 24. A 24-bit image allows 224 (i.e., 16,777,216) colors.
![Page 91: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/91.jpg)
91
Increasing colors
It depends, and in most cases, can be yes.
The number of colors or the bit depth is not the only determining factor for image fidelity in quantizing an image.
The choice of colors for the quantization also plays an important role in the reproduction of an image.
Will increasing the number of colors in the palette improve the image fidelity?
![Page 92: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/92.jpg)
92
Quantized with 8 Different Colors
![Page 93: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/93.jpg)
93
Effect of Bit Depth on File Size Higher bit depth means more bits to represent a color.
Thus, an image with a higher bit depth has a larger file size than the same image with a lower bit depth.
![Page 94: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/94.jpg)
94
VECTOR GRAPHICS
![Page 95: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/95.jpg)
95
Vector Graphics Examples: graphics created in
– Adobe Flash– Adobe Illustrator
![Page 96: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/96.jpg)
96
Vector Graphics Characteristics Generated mathematically,
i.e. instructionsnot pixel-based
Resolution independent
![Page 97: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/97.jpg)
97
Vector Graphics Instruction Example A simple postscript example:
%!
newpath
200 200 moveto
300 200 lineto
stroke
showpage
![Page 98: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/98.jpg)
98
Bitmap Images vs. Vector Graphics
An analogy:Driving Directions:
A visual map vs. a written instruction
Bitmap ~~> map
Vector Graphics ~~> a written instruction
![Page 99: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/99.jpg)
99
Bitmap Images vs. Vector GraphicsAn analogy:
Driving Directions:A visual Triptik map vs. a written instruction
Which one takes up more storage space?Triptik map ~~> bitmap
Which one takes you more time to translate the direction into a mental image?written instruction ~~> vector graphics (take more computation to display on computer because it is mathematically generated)
![Page 100: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/100.jpg)
100
Bitmap Images vs. Vector Graphics
An analogy:
Driving Directions:
A visual Triptik map vs. a written instruction
If you are going to draw out a map based on a written instruction, how big can you draw?
as big as you physically can ~~> the instruction is resolution independent
![Page 101: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/101.jpg)
101
Bitmap Images vs. Vector Graphics
1111111111111111111111011111101111110111111011111101111111111111
%!newpath2 1 moveto6 5 linetostrokeshowpage
vector graphic bitmap image
![Page 102: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/102.jpg)
102
Vector Graphics
%!newpath2 1 moveto6 5 linetostrokeshowpage
vector graphic
The unit is arbituary, i.e. when you print out an image, you may set one unit as an inch or a foot.
This means vector graphic is resolution independent.
![Page 103: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/103.jpg)
103
Printing Bitmap Images
bitmap image
print bigger print smaller
have the same amount of data, i.e. same level of details
![Page 104: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/104.jpg)
104
Printing Vector Graphics
vector graphics
print bigger print smaller
![Page 105: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/105.jpg)
105
Bitmap Images vs. Vector Graphics Example
(a) Vector graphics:A line defined by two end points.
(b) Vector graphics: The same line is stroked with a certain width.
(c) & (d) The line is converted to a bitmap.
![Page 106: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/106.jpg)
106
Curve Drawing in Vector Graphics Programs
defined by a set of points;we call them anchor points
the direction handles or tangent handles of a point controls the tangent at that point on the curve
![Page 107: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/107.jpg)
107
Rasterizing Vector Graphics Raster means convert vector graphics into pixel-based
images.
Most vector graphics programs let you rasterize vector graphics.
Need to specify a resolution for rasterizing, that is, how coarse or how fine the sampling.
![Page 108: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/108.jpg)
108
ALIASINGBlurriness, Blockiness, Moire Patterns, Jagged Edges
![Page 109: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/109.jpg)
109
Aliasing
The rasterized image will appear jagged.
This jagged effect is a form of aliasing caused by undersampling (which means insufficient sampling rate.) Recall the musical note on a pegboard example.
Original vector graphics
Rastered vector graphics without anti-aliasing
![Page 110: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/110.jpg)
110
Anti-aliasing Techniques
To soften the jaggedness by coloring the pixels with intermediary shades in the areas where the sharp color changes occur.
Original vector graphics
Rastered vector graphics without anti-aliasing
Rastered vector graphics with anti-aliasing
![Page 111: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/111.jpg)
111
FREQUENCY IN DIGITAL IMAGES
![Page 112: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/112.jpg)
112
Function over spatial domain Any image can be represented as a function Frequency – the rate at which color values change over
the space the image occupies
![Page 113: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/113.jpg)
113
DISCRETE COSINE TRANSFORM
![Page 114: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/114.jpg)
114
Discrete Cosine Transform Transforming the image data (function) from the spatial
domain to the frequency domain We won’t explore the mathematics Awareness of functions and transform is goal
![Page 115: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/115.jpg)
115
COLOR MODELS
![Page 116: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/116.jpg)
116
Color Models Used to describe colors numerically, usually in terms of
varying amounts of primary colors.
Common color models:– RGB– CMYK– HSB– CIE and their variants.
![Page 117: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/117.jpg)
117
RGB Color Model Primary colors:
– red– green– blue
Additive Color System
![Page 118: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/118.jpg)
118
Additive Color System
![Page 119: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/119.jpg)
119
Additive Color System of RGB Full intensities of red + green + blue = white
Full intensities of red + green = yellow
Full intensities of green + blue = cyan
Full intensities of red + blue = magenta
Zero intensities of red, green, and blue = black
Same intensities of red, green, and blue = some kind of gray
![Page 120: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/120.jpg)
120
Color Monitors
From a standard CRT monitor screen
![Page 121: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/121.jpg)
121
Color Monitors
From a SONY Trinitron monitor screen
![Page 122: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/122.jpg)
122
Color Monitors
From a LCD screen
![Page 123: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/123.jpg)
123
RGB Color Model
depicted graphically as a cube defined by three axes in 3-D space
The maximum value on eachaxis is normalized to 1.
![Page 124: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/124.jpg)
124
RGB Color Model
x-axis: red values y-axis: green values z-axis: blue values
![Page 125: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/125.jpg)
125
RGB Color Model
The coordinates within the color cube represent the relative intensities of red, green, and blue colors.
![Page 126: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/126.jpg)
126
RGB Color Model
origin (0,0,0): black
![Page 127: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/127.jpg)
127
RGB Color Model
(1,0,0): full intensity of red
![Page 128: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/128.jpg)
128
RGB Color Model
(0,1,0): full intensity of green
![Page 129: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/129.jpg)
129
RGB Color Model
(0,0,1): full intensity of blue
![Page 130: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/130.jpg)
130
RGB Color Model
(1,1,1): white
![Page 131: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/131.jpg)
131
RGB Color Model
(1,1,0): full red + full green = full yellow
![Page 132: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/132.jpg)
132
RGB Color Model
(1,0,1): full red + full blue = full magenta
![Page 133: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/133.jpg)
133
RGB Color Model
(0,1,1): full green+ full blue = full cyan
![Page 134: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/134.jpg)
134
Color Picker
So where is the color whose RGB values are (150, 200, 100) in the RGB cube?
![Page 135: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/135.jpg)
135
Correlating RGB Color Cube with Color Picker
This is a 2-D slice containing all the colors with red = 150.
![Page 136: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/136.jpg)
136
Correlating RGB Color Cube with Color Picker
This is a 2-D slice containing all the colors with green = 200.
![Page 137: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/137.jpg)
137
Correlating RGB Color Cube with Color Picker
This is a 2-D slice containing all the colors with blue = 100.
![Page 138: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/138.jpg)
138
Correlating RGB Color Cube with Color Picker
The color (150, 200, 100) is located in the 3-D space of the RGB color cube.It is at the intersection of the three 2-D slices.
![Page 139: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/139.jpg)
139
CMYK Color Model Primary colors:
– cyan– magenta– yellow– black
Subtractive Color System
![Page 140: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/140.jpg)
140
Subtractive Color System of CMY
![Page 141: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/141.jpg)
141
Subtractive Color System of CMY Full intensities of cyan + magenta + yellow = black
(theoretically, but in practice with inks, it is not full black)
Full intensities of cyan + magenta = blue
Full intensities of cyan + yellow = green
Full intensities of magenta + yellow = red
Zero intensities of cyan, magenta, and yellow = white
![Page 142: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/142.jpg)
142
HSB Color Model Hue:
– basic color– 0o to 360o : the location on a color wheel– in the order of colors in a rainbow
Saturation:– purity of the color– how far away from the neutral gray of the same brightness
Brightness
![Page 143: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/143.jpg)
143
HSB Color Model
![Page 144: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/144.jpg)
144
HSB Color Model
![Page 145: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/145.jpg)
145
HSB Color Model
A slice of the color wheel from the HSB model
![Page 146: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/146.jpg)
146
HSB Color Model
Matches well with the way humans intuitively think about colors
For example, how would you describe this color?
• Would you think of it in terms of how much red, green, and blue?
• Would you first think of it as a yellowish color and then figure out the lightness and how washed out the color is?
![Page 147: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/147.jpg)
147
Problems with RGB and CMYK Color Space
Do not encompass all the colors human can see
![Page 148: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/148.jpg)
148
CIE XYZ Color Model Primaries:
– X– Y– Z
Primaries are not physical colors
Its color space encompasses all the colors human can see.
Normally not used in digital image editing because monitors and printers cannot reproduce all the colors in the CIE XYZ color space anyway.
![Page 149: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/149.jpg)
149
Color Gamuts
Refers to the range of colors of a specific system or device can produce or capture
![Page 150: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/150.jpg)
150
Color Gamuts
a) Colors that human can see
b) RGB color gamut of typical CRT monitors
c) CMYK color gamut of typical inkjet printers
![Page 151: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/151.jpg)
151
Color Gamuts
Monitors and inkjet printers cannot reproduce all the colors that human can see
Some of the colors that monitors can reproduce cannot be reproduced by inkjet printers. Most of these colors lie at the corners of the color gamut of the monitor, which means these are highly saturated colors.
![Page 152: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/152.jpg)
152
Identifying Out-of-Gamut Colors in Images
Out-of-gamut colors will not be printed correctly.
In digital image editing programs such as Adobe Photoshop, you can tell whether a color is out of gamut based on your CMYK setting.
Click on the icon to use the closest color in gamut for printing.
![Page 153: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/153.jpg)
153
Identifying Out-of-Gamut Colors in Images
Out-of-gamut colors will not be printed correctly.
In digital image editing programs such as Adobe Photoshop, you can tell whether a color is out of gamut based on your CMYK setting.
![Page 154: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/154.jpg)
154
Identifying Out-of-Gamut Colors in Images
![Page 155: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/155.jpg)
155
Identifying Out-of-Gamut Colors in Images
Click on the icon to replace the out-of-gamut color with the closest color in gamut for printing.
![Page 156: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/156.jpg)
156
Identifying Out-of-Gamut Colors in Images
The out-of-gamut color is replaced with the closest color in gamut for printing.
![Page 157: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/157.jpg)
157
Difficulties in Reproducing Colors in Digital Images
Digital devices cannot produce all of the colors visible to human
Difficulties exist in reproducing color across devices– different devices have different color gamuts– additive color system for screen display vs. subtractive color system for
printing
![Page 158: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/158.jpg)
158
Indexed Color
![Page 159: CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation](https://reader036.vdocuments.us/reader036/viewer/2022062314/56649e705503460f94b6e4c1/html5/thumbnails/159.jpg)
159
Indexed Color