Bit-Mapped Graphic Data: Input (Capture) Hardware
description
Transcript of Bit-Mapped Graphic Data: Input (Capture) Hardware
![Page 1: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/1.jpg)
Bit-Mapped Graphic Data:Input (Capture) Hardware
Multimedia – Section 2
![Page 2: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/2.jpg)
CCD & ADC• CCD (charged coupled device):
• Uses sensors to capture light and then convert into analogue electrical signals.
• Currently only see light levels not colour
• ADC (Analogue/Digital Converter)• Converts the analogue signals into digital
signals so that the computer can process them.
![Page 3: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/3.jpg)
Digital Camera• In a digital camera a
CCD array captures light coming in through a lens
• The Resolution is the number of pixels in the image produced
• Capturing colour– A colour filter array is placed over the CCD array– Each sensor records light of one colour (red, green or blue)
![Page 4: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/4.jpg)
Scanner
• Requires 3 images for colour– Red, Green & Blue
• Capture images from a flat object• Linear CCD
– Narrow strip passes over image.
![Page 5: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/5.jpg)
Multimedia - Section 2
Bit-Mapped Graphic Data:Storage of Graphic Data
![Page 6: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/6.jpg)
File Formats• Bitmap (BMP)• Graphic Interchange Format (GIF)• Joint Pictures Expert Group (JPEG)• Portable Network Graphics (PNG)
![Page 7: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/7.jpg)
Bitmap File FormatUncompressed:
– A file which holds a binary number for each pixel in an image
Limitation:– large file size
Extension: – .bmp
![Page 8: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/8.jpg)
Bitmap File FormatColour Depth
• The number of colours that can be represented
• Calculation:Number of colours = 2 bit depth
![Page 9: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/9.jpg)
ExampleColour (bit) Depth = 8Number of colours = 28
= 2 x 2 x 2 x 2 x 2 x 2 x 2 x 2
= 256
![Page 10: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/10.jpg)
GIF File Format• Lossless compression• Limited number of colours: limited to 28
– 256 colours• Features:
– Animation– Transparency
• Extension: .gif
![Page 11: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/11.jpg)
GIF File FormatGood For:• Flat areas of colour• Few colours• Animated images• Transparency
Not Good For:• Photographic images• High colour graphics• High quality videos
![Page 12: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/12.jpg)
JPEG File Format• Lossy compression• Greyscale or full-colour image compression • Exploits human eye limitations• Extension: .jpg
![Page 13: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/13.jpg)
JPEG File Format• Advantages:
– Greater compression than lossless– Good for photographic images (real-world)– Compression ratio can be controlled by user– Best for large files
• Disadvantages– Doesn’t support interlacing or transparency
![Page 14: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/14.jpg)
Multimedia - Section 2
Bit-Mapped Graphic Data:Storage of Graphic Data
- Technical Terms
![Page 15: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/15.jpg)
Bit-mapped Graphic Data
• To calculate the approx file size of an uncompressed bitmap:
Files size (bytes) = Number of Pixels x colour depth per pixel (bits)
8• If colour depth per pixel is in bytes:
Files size = Number of Pixels x colour depth per pixel
![Page 16: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/16.jpg)
Bit-mapped Graphic Data
• Dithering– Extra colour can be created by placing
different colours next to each other– Red and blue pixels would appear as
purple
![Page 17: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/17.jpg)
Dithering Example
256 Colour 4 Colour Non-Dithered
4 Colour with Dithering
![Page 18: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/18.jpg)
Bit-mapped Graphic Data• Anti alias
– Low resolution images can appear less jaggy if extra colours are used to reduce staircase effect
![Page 19: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/19.jpg)
Bit-mapped Graphic Data• Re-sampling
– If detail is lost in a graphic it is not possible to retrieve it
– Re-sampling will make a best guess at what the missing pixels would look like
– Technique used to enhance grainy security camera images
![Page 20: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/20.jpg)
Trading quality for file size• Resolution: increasing resolution increases
the number of pixels, can improve the quality of a graphic but increases the file size.
• Colour depth: increasing colour depth increases the number of colours or shades of grey, can improve the quality of a graphic but increases the file size.
• Lossy compression: reduces file size and, providing the rate of compression is not too high, does not affect the quality of the graphic.
![Page 21: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/21.jpg)
Bit-Mapped Graphic Data:Output of Graphic Data
Multimedia - Section 2
![Page 22: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/22.jpg)
Graphics cards• The graphics card is the device in the
computer responsible for generating images. • Images are held in the memory of the graphics
card (called VRAM - or Video RAM).
![Page 23: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/23.jpg)
Graphics card
![Page 24: Bit-Mapped Graphic Data: Input (Capture) Hardware](https://reader036.fdocuments.in/reader036/viewer/2022070423/5681679d550346895ddce23f/html5/thumbnails/24.jpg)
Hardware for Displaying 2D Graphics
• CRT monitor: – Bulky & heavy– Run on mains power– Cost less than equivalent
TFT screens• LCD and TFT screens:
– Flat & light– Need less power– More expensive than
CRT