8th Lecture – Intro to Bitmap or Raster Images

Slides:



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

Unit 30- Digital Graphics THEORY P2 and D2
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.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
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.
ISYS 3074 Graphics File Formats File formats have developed with applications. At least 50 currently in use. Examples include: GIF, JPEG, TIFF, BMP, DIB,
CS 128/ES Lecture 7b1 File Formats. CS 128/ES Lecture 7b2 Outline What is an image really? Methods of storing images Compression algorithms.
2.01 Understand Digital Raster Graphics
Graphics in the web Digital Media: Communication and Design
Graphics and Images September 28, Unit 3.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.
Data starts with width and height of image Then an array of pixel values (colors) The number of elements in this array is width times height Colors can.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
Goals of Computer Vision To make useful decisions based on sensed images To construct 3D structure from 2D images.
Graphics.
Graphics/Image Data Types
Digital Image: Representation & Processing (2/2) Lecture-3
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.
Image Formats and Files Jung-Ming Wang
Information Processes and Technology Multimedia: Graphics.
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.
Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Raster Graphics 2.01 Investigate graphic image design.
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.
Graphics Concepts Presentation
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
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.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Information Systems Design and Development Media Types Computing Science.
Computer Graphics Lesson 2 July 12, 2005 Image Formats What are some formats you are familiar with? There are 4 basic image format types: Uncompressed.
Red Green Blue (RGB) Colour conversions Y and RGB Link In the images, the lighter the colour intensity (Red, Green, Blue), the more the contribution.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
Graphics and image data representation
Computer Science Higher
2.01 Understand Digital Raster Graphics
Image Formats.
2.01 Investigate graphic image design.
Raster Images CPSC 1030.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
LET’S LEARN ABOUT GRAPHICS!
Digital Image Formats: An Explanation
1.01 Investigate graphic types and file formats.
An Introduction to Scanning and Storing Photographs and Graphics
Outline Image formats and basic operations Image representation
Graphics Basic Concepts.
6th Lecture – Rectangles and Regions, and intro to Bitmap Images
Representing Images 2.6 – Data Representation.
2.01 Understand Digital Raster Graphics
MED 2001 Advanced Media Production
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
2.01 Investigate graphic image design.
COMS 161 Introduction to Computing
2.01 Understand Digital Raster Graphics
GRAPHICAL DATA EXCHANGE FORMATS .jpg .gif .tif.
Multimedia System Image
Basic Concepts of Digital Imaging
2.01 Investigate graphic image design.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Investigate graphic image design.
Presentation transcript:

8th Lecture – Intro to Bitmap or Raster Images CPT 450 Computer Graphics 8th Lecture – Intro to Bitmap or Raster Images

What is the difference between bitmap and vector graphics? A bitmap or raster image is a collection of pixels (picture element), each with it’s own independent color. A vector image is made up of vector graphics instructions such as drawLine or drawEllipse. From vector to raster – scan conversion From raster to vector – pattern recognition or OCR

Where do they come from? Digital Cameras (now in cell phones) Optical Scanners Video Fax Medical Imaging (X-ray, CAT Scan, MRI) Satellite data Generated by scan converting vector graphics instructions

How are bitmap or raster images stored? Generally, they are rectangular and can be stored in matrix form, as a table of colors. In the old days, the pixels on the screen were directly mapped to the video memory and this could be addressed directly by the programmer. Convenient but dangerous. The image files can contain a header and footer. This can contain the width and height of the image, the color depth, and other info about the picture.

File formats File type File extension Bitmap .bmp Icon .ico Cursor Windows meta file .wmf GIF .gif JPEG .jpg or .jpeg TIFF .tif or .tiff Raw image, no header info

Grayscale images Only require on intensity per pixel, instead of 3 or 4 for color. 8 bit can display 256 shades of gray. Black and white only has two shades. (black or white) Dithering – use can approximate shades of gray using a dithered black and white image. (like newsprint)

DIB and DDB Bitmaps can be device dependant (DDB) or device independent (DIB) Device dependant bitmaps contain color palette info, whereas DIB’s don’t. The color palette is a lookup table that let’s the file size be smaller, but less total colors can be displayed.

Compression Bitmap files can get large, so compression algorithms are used. 2 types of compression algorithms: Lossless, when uncompressed, the exact bitmap results lossy. When uncompressed, an approximation to the original bits results.

More on Compression Lossless algorithms Lossy methods RLE – Run length encoding. Idea – replace AAAAAAAAAA with 10xA. LZW Lempel-Ziv and Welch. Used by GIF files. Patent issue has expired. Lossy methods Example. JPEG compression. User adjustable compression factor.

Working with Bitmaps in GDI+ Bitmap class. Derived from Image class. Important Methods: GetPixel(I, j) and SetPixel(i, j, color)