Bit-Mapped Graphic Data: Input (Capture) Hardware Multimedia – Section 2.

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Computing Intermediate 2 Multimedia Technology
Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
Bitmapped Graphic Data
Dale & Lewis Chapter 3 Data Representation. Representing color Similarly to how color is perceived in the human eye, color information is encoded in combinations.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.
Images.
Graphics in the web Digital Media: Communication and Design
MM Topic 2 - Bit mapped and Vector Graphics Data 1 Topic 2 – Bit mapped & Vector graphics Still images – the general name for any graphic that doesn’t.
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
Computing Multimedia Technology. A multimedia application might be defined as an interactive piece of software communicating to the user using several.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
I Power Multimedia Technology Video Data. Video data Video is a sequence of individual pictures or frames, taken one after another. These are played back.
Nat 4/5 - Software Design and Development – Low Level Operations - 1 National 4/5 – Computing Science Information Systems Design and Development Media.
Video Data Topic 4: Multimedia Technology. What is Video? A video is just a collection of bit-mapped images that when played quickly one after another.
1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Video Data Topic 4: Multimedia Technology. What is Video? A video is just a collection of bit-mapped images that when played quickly one after another.
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
Images and the Web web graphics. web graphics: constraints Due to the constraints imposed by varying degrees of Internet bandwidth, designing images for.
Digital Imaging Raster (Bitmapped) Images. 1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its.
CSCI-235 Micro-Computers in Science Hardware Part II.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Lecture 4 - Introduction to Computer Graphics
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
Research For Both Hardware And Software Required In Digital Graphics. By Joanne Hocking.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Photoshop Software Rasterized, file formats, and printing choices.
Digital Image: Representation & Processing (2/2) Lecture-3
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
Information Processes and Technology Multimedia: Graphics.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
Image formats. Basic terminologies… Pixels: Pixels are the building blocks of every digital image. a pixel is a single point in a graphic image. Resolutions:
Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Digital Graphics. Formats: BMP – Bitmap image file which is used to store Bitmap digital images PNG – Portable Network Graphics GIF – Graphics Interchange.
Raster Graphics 2.01 Investigate graphic image design.
I Power Multimedia Technology Graphics Higher Computing.
CSCI-100 Introduction to Computing Hardware Part II.
Digital Images are represented by manipulating this…
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Inside the Digital Camera. Digital Camera Cross Section The digital camera is a complex device The only part that is the same as film cameras is the lens.
Lesson 2: Introduction to Digital Imaging Digital Photography MITSAA IAP 2003 Rob Zehner.
Image File Formats By Dr. Rajeev Srivastava 1. Image File Formats Header and Image data. A typical image file format contains two fields namely Dr. Rajeev.
HTTP transaction with Graphics HTML file + two graphics files.
In the Know … Technological Vocabulary. Beginning Terms 1. Aperture – the mechanical opening in the lens that lets light in. 2. ASA / ISO – rating given.
By Nathan Lowe.  Graphic cards are high specification cards with lots of memory and fast processors providing lots of power for the updated games or.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Information Systems Design and Development Media Types Computing Science.
DIGITAL MEDIA FOUNDATIONS
Sampling, Quantization, Color Models & Indexed Color
Binary Representation in Audio and Images
Computer Science Higher
Chapter 3 Graphics and Image Data Representations
2.01 Investigate graphic image design.
Raster Images CPSC 1030.
LET’S LEARN ABOUT GRAPHICS!
1.01 Investigate graphic types and file formats.
Representing Images 2.6 – Data Representation.
Web Design and Development
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Presentation transcript:

Bit-Mapped Graphic Data: Input (Capture) Hardware Multimedia – Section 2

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.

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)

Scanner Requires 3 images for colour –Red, Green & Blue Capture images from a flat object Linear CCD –Narrow strip passes over image.

Multimedia - Section 2 Bit-Mapped Graphic Data: Storage of Graphic Data

File Formats Bitmap (BMP) Graphic Interchange Format (GIF) Joint Pictures Expert Group (JPEG) Portable Network Graphics (PNG)

Bitmap File Format Uncompressed : –A file which holds a binary number for each pixel in an image Limitation : –large file size Extension: –.bmp

Bitmap File Format Colour Depth The number of colours that can be represented Calculation: Number of colours = 2 bit depth

Example Colour (bit) Depth = 8 Number of colours = 2 8 = 2 x 2 x 2 x 2 x 2 x 2 x 2 x 2 = 256

GIF File Format Lossless compression Limited number of colours: limited to 2 8 –256 colours Features: –Animation –Transparency Extension:.gif

GIF File Format Good For: Flat areas of colour Few colours Animated images Transparency Not Good For: Photographic images High colour graphics High quality videos

JPEG File Format Lossy compression Greyscale or full-colour image compression Exploits human eye limitations Extension:.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

Multimedia - Section 2 Bit-Mapped Graphic Data: Storage of Graphic Data - Technical Terms

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

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

Dithering Example 256 Colour 4 Colour Non- Dithered 4 Colour with Dithering

Bit-mapped Graphic Data Anti alias –Low resolution images can appear less jaggy if extra colours are used to reduce staircase effect

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

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.

Bit-Mapped Graphic Data: Output of Graphic Data Multimedia - Section 2

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).

Graphics card

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