Download - Image Technology
![Page 1: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/1.jpg)
MultimediaTechnology Image Technology
Krich Sintanakul271430 Multimedia and Hypermedia
![Page 2: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/2.jpg)
7244
21
2
TechnologyMultim
edia
Types of Images
• Raster Image– Digitize or sampling from the real world– Store in bitmap orientation– Need large storage and High compression– Edit by retouching tool
• Vector Image– Synthesized image– Store in object structure list (Smaller)– Reusable , Scalable , Animating– No stair problem
![Page 3: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/3.jpg)
7244
21
3
TechnologyMultim
edia
Types of Images
• Raster Image
![Page 4: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/4.jpg)
7244
21
4
TechnologyMultim
edia
Types of Images
• Vector Image
(xmin,ymin)
(xmax,ymax)
01Object RectanPPPPP PPPPPP
Data (xmin,ymin,xmax,ymax) Rectangular (xmin,ymin,xmax,ymax)
begin lineto (xmin,ymin,xmax,ymin) lineto (xmax,ymin,xmax,ymax) lineto (xmin,ymin,xmin,ymax) lineto (xmin,ymax,xmax,ymax)
end end object
![Page 5: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/5.jpg)
7244
21
5
TechnologyMultim
edia
Types of Images
• From vector to raster display system
![Page 6: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/6.jpg)
7244
21
6
TechnologyMultim
edia
Displaying Image in Computer
• - Cathode Ray Tubes and LCD panel
![Page 7: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/7.jpg)
7244
21
7
TechnologyMultim
edia
Displaying Image in Computer
• Source of color
![Page 8: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/8.jpg)
7244
21
8
TechnologyMultim
edia
Displaying Image in Computer
• Source of color in CRT
![Page 9: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/9.jpg)
7244
21
9
TechnologyMultim
edia
Displaying Image in Computer
• Color Mixing in RGB model
![Page 10: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/10.jpg)
7244
21
10
TechnologyMultim
edia
Displaying Image in Computer
• Raster scan display system
![Page 11: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/11.jpg)
7244
21
11
TechnologyMultim
edia
Displaying Image in Computer
• Raster scan display system
![Page 12: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/12.jpg)
7244
21
12
TechnologyMultim
edia
Displaying Image in Computer
• Color Raster scan display system
![Page 13: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/13.jpg)
7244
21
13
TechnologyMultim
edia
Displaying Image in Computer
• Raster scan display system
![Page 14: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/14.jpg)
7244
21
14
TechnologyMultim
edia
Type of color display system
• True Color system– 2416/ Bits each pixel– 3 /2 Bytes per pixel– PPPP PPPPP PPPPPPPPP PP PPPP P PPPPPP
• Index Color system– 8 (1 )bits byte per pixel– PPPP PPPPP PPPPP PP P PPP P2 56– Keep address of table in Frame buffer
![Page 15: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/15.jpg)
7244
21
15
TechnologyMultim
edia
Type of color display system
• True Color system
N
M
Bit depthVideo
controller CRT
![Page 16: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/16.jpg)
7244
21
16
TechnologyMultim
edia
Type of color display system
• True Color system– VGA 2 4 Bits 6 4 0 * 4 8 0 = 3 0 7 2 0 0 Pix
els = 9 2 1 6 0 0 Bytes– PPP1 6 6 40*480 307200
els = 6 1 4 4 0 0 Bytes– PPPPP24 800*600 = 480000 =1 440000– 16 800*600 480000SVGA Bits = Pi
xels = 9 6 0 0 0 0 Bytes
1 Byte 1 Byte
1 Byte 1 Byte 1 Byte
![Page 17: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/17.jpg)
7244
21
17
TechnologyMultim
edia
Type of color display system
• Index Color system
P
y 501
01001
Color TableR G B
0
255
00
01001010010011110001101050
3 8 24colors x bits/column = bits
///
P
P 8 bits Frame Buffer
![Page 18: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/18.jpg)
7244
21
18
TechnologyMultim
edia
Type of color display system
• Index color system– 256 640*480 307200 307VGA Color = Pixels =
200 Bytes PPPPP2 5 6 * 3 (2 4 ) 7 6 8
PPPPP307200 + 768 = 307968
– PPPPP256 800*600 = 480000 =4 80000 256*3 24 768Index table ( bits) Bytes
480000 768 480768Total + = Bytes
– 256 1024*768 786432 7SVGA Color = Pixels = 86432 Bytes
256*3 24 768Index table ( bits) Bytes
786432 768 787200Total + = Bytes
![Page 19: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/19.jpg)
7244
21
19
TechnologyMultim
edia
How to display an image file(1)
• BMP indexed file structure
![Page 20: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/20.jpg)
7244
21
20
TechnologyMultim
edia
Howt o di spl ay an i mage fi l e(2 )
• Step 1 Load image information
![Page 21: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/21.jpg)
7244
21
21
TechnologyMultim
edia
How to display an image file(3 )
• Step2 Load col or i ndex t o vi deo pal let
![Page 22: Image Technology](https://reader035.vdocument.in/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/22.jpg)
7244
21
22
TechnologyMultim
edia
How to display an image file(4 )
• Step 3 Load pixel information by lookup color pallet