image technology
DESCRIPTION
Multimedia. Image Technology. Technology. Krich Sintanakul 271430 Multimedia and Hypermedia. Technology. 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 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Image Technology](https://reader035.vdocuments.net/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/1.jpg)
MultimediaTechnology Image Technology
Krich Sintanakul271430 Multimedia and Hypermedia
![Page 2: Image Technology](https://reader035.vdocuments.net/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.vdocuments.net/reader035/viewer/2022062719/5681303f550346895d95dbad/html5/thumbnails/3.jpg)
7244
21
3
TechnologyMultim
edia
Types of Images
• Raster Image
![Page 4: Image Technology](https://reader035.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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.vdocuments.net/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