The BIOS in many personal computers stores the date and time in BCD. M-Mushtaq Hussain

Size: px
Start display at page:

Download "The BIOS in many personal computers stores the date and time in BCD. M-Mushtaq Hussain"

Transcription

1 Practical applications of BCD The BIOS in many personal computers stores the date and time in BCD Images How data for a bitmapped image is encoded? A bitmap images take the form of an array, where the value of each element, called a pixel picture element, correspond to the color of that portion of the image. Each horizontal line in the image is called a scan line. The letter 'a' might be represented in a 12x14 matrix as depicted in above Figure the values in the matrix depict the brightness of the pixels (picture elements). Larger values correspond to brighter areas whilst lower values are darker. Binary Representation of Bitmap Images All bitmap images are stored as an array of pixels. A monochrome bitmap will store a 1 for a black pixel and 0 for a white pixel (or vice-versa depending on the encoding protocol).

2 This image could be represented by the following 35 binary digits (5 bytes): It would also be necessary to store the dimensions of the image. If the image were in colour, using a colour palette of 256 possible shades, each pixel would need to translate to a value between 0 and 256 (8 bits). Thus we would need 35 bytes to store the image. It is common for colours to be recorded by quantity or Red, Green and Blue (RGB) and this is stored using 3 bytes per pixel so we would need 105 bytes to store the image. Bitmap images can be encoded in order to reduce the file size. Examples of encoded bitmaps in clued JPG, PNG and GIF file types. Bitmap file header This block of bytes is at the start of the file and is used to identify the file. A typical application reads this block first to ensure that the file is actually a BMP file and that it is not damaged. The first two bytes of the BMP file format are the character 'B' then the character 'M' in 1-byte ASCII encoding The size value occupies 4 bytes by default. However, with the use of the 4 reserved bytes, this value can occupy 8 bytes (64 bits) while still conforming to the BMP file header format. Estimating file size of bitmapped image of different resolutions File size of a black white image A black and white image has two dimensions that need to be considered the number of pixels in the horizontal plane multiplied number of pixels along the vertical axis. Note that a black and white image is not grey scale. Example The formula is: File size = horizontal pixels vertical pixels bit depth (to convert to bytes) 1024 (kilobytes) This image has the properties of 208 pixels wide by 182 pixels high. The file size in bits can then be worked out by multiplying horizontal pixels by vertical pixels. file size = x = = 4.62 KB

3 Bit depth adds a third dimension Bit depth plays a roll once colour is included and it is important to keep in mind that colour includes shades of grey. Because the bit depth is no longer a 1 or a zero it plays an important part in the formula. Bit Depth (Bits Per Pixel) Number of Colours or Tones Where do # of Colours Come From? = = = = = =256 This grey scale image has 3 dimensions. Lets examine the properties of this image. Remember that because this image is a gif the actual file size will be different to the result in the formula. The image is 200 pixels horizontal by 200 pixels vertical. Now we need to know the bit depth. The bit depth of this image is 8. File size = = =39 KB

4 Activity 2 1. Find an uncompressed image. Right click on the thumbnail of the image and click on properties. Now click the summary tab. You now can find all the details you need to work out the file size of an image. Calculating video size The file size of an animation is simply a process of multiplying the number of frames by the image size of each image. image courtesy of Bettscomputers.com

5 Calculating the total number of pixels in an image Resolution is often given in dots per inch e.g. an image is 72 dots per inch. This means that there are 72 dots in each inch running horizontally, and 72 dots in each inch running vertically. Therefore in the image below which is of 1 inch x 1 inch, there would be 72 x 72 = 5184 pixels FormulaNumber of pixels = image width x resolution x image height x resolution ExampleCalculate the number of pixels in 4 inch by 5 inch photograph scanned which has a resolution of 600 dots per inch.pixels = 4 x 600 x 5 x 600 = 7,200,000 Calcluating colour depth The colour depth is the number of bits used to represent the colour of a single pixel. 1 bit can be used to represent 2 colours 2 bits can be used to represent 4 colours 3 bits can be used to represent 8 colours 4 bits can be used to represent 16 colours Formula Number of colours = 2bit depth Example Calculate the number of colours which can be represented using 16 bits Colours = 216 = 65536

TODAY STANDARD COLORS RGB COLOR CS 115: COMPUTING FOR SOCIO-TECHNO WEB REPRESENTATION OF TEXT, NUMBERS AND CODE

TODAY STANDARD COLORS RGB COLOR CS 115: COMPUTING FOR SOCIO-TECHNO WEB REPRESENTATION OF TEXT, NUMBERS AND CODE TODAY Computer components Binary numbers Text representation Color representation ( THE CS 115: COMPUTING FOR SOCIO-TECHNO WEB REPRESENTATION OF TEXT, NUMBERS AND CODE STANDARD COLORS All standards-compliant

More information

Images and Graphics. 4. Images and Graphics - Copyright Denis Hamelin - Ryerson University

Images and Graphics. 4. Images and Graphics - Copyright Denis Hamelin - Ryerson University Images and Graphics Images and Graphics Graphics and images are non-textual information that can be displayed and printed. Graphics (vector graphics) are an assemblage of lines, curves or circles with

More information

Q A bitmap file contains the binary on the left below. 1 is white and 0 is black. Colour in each of the squares. What is the letter that is reve

Q A bitmap file contains the binary on the left below. 1 is white and 0 is black. Colour in each of the squares. What is the letter that is reve R 25 Images and Pixels - Reading Images need to be stored and processed using binary. The simplest image format is for an image to be stored as a bitmap image. Bitmap images are made up of picture elements

More information

Fundamentals of Multimedia

Fundamentals of Multimedia Fundamentals of Multimedia Lecture 2 Graphics & Image Data Representation Mahmoud El-Gayyar elgayyar@ci.suez.edu.eg Outline Black & white imags 1 bit images 8-bit gray-level images Image histogram Dithering

More information

LECTURE 02 IMAGE AND GRAPHICS

LECTURE 02 IMAGE AND GRAPHICS MULTIMEDIA TECHNOLOGIES LECTURE 02 IMAGE AND GRAPHICS IMRAN IHSAN ASSISTANT PROFESSOR THE NATURE OF DIGITAL IMAGES An image is a spatial representation of an object, a two dimensional or three-dimensional

More information

Chapter 3 Graphics and Image Data Representations

Chapter 3 Graphics and Image Data Representations Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular File Formats 3.3 Further Exploration 1 Li & Drew c Prentice Hall 2003 3.1 Graphics/Image Data Types The number

More information

Bit Depth. Introduction

Bit Depth. Introduction Colourgen Limited Tel: +44 (0)1628 588700 The AmBer Centre Sales: +44 (0)1628 588733 Oldfield Road, Maidenhead Support: +44 (0)1628 588755 Berkshire, SL6 1TH Accounts: +44 (0)1628 588766 United Kingdom

More information

4 Images and Graphics

4 Images and Graphics LECTURE 4 Images and Graphics CS 5513 Multimedia Systems Spring 2009 Imran Ihsan Principal Design Consultant OPUSVII www.opuseven.com Faculty of Engineering & Applied Sciences 1. The Nature of Digital

More information

1. Describe how a graphic would be stored in memory using a bit-mapped graphics package.

1. Describe how a graphic would be stored in memory using a bit-mapped graphics package. HIGHER COMPUTING COMPUTER SYSTEMS DATA REPRESENTATION GRAPHICS SUCCESS CRITERIA I can describe the bit map method of graphic representation using examples of colour or greyscale bit maps. I can describe

More information

1 Li & Drew c Prentice Hall Li & Drew c Prentice Hall 2003

1 Li & Drew c Prentice Hall Li & Drew c Prentice Hall 2003 Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular File Formats 3.3 Further Exploration 3.1 Graphics/Image Data Types The number of file formats used in multimedia

More information

Raster (Bitmap) Graphic File Formats & Standards

Raster (Bitmap) Graphic File Formats & Standards Raster (Bitmap) Graphic File Formats & Standards Contents Raster (Bitmap) Images Digital Or Printed Images Resolution Colour Depth Alpha Channel Palettes Antialiasing Compression Colour Models RGB Colour

More information

Introduction to Color Theory

Introduction to Color Theory Systems & Biomedical Engineering Department SBE 306B: Computer Systems III (Computer Graphics) Dr. Ayman Eldeib Spring 2018 Introduction to With colors you can set a mood, attract attention, or make a

More information

Byte = More common: 8 bits = 1 byte Abbreviation:

Byte = More common: 8 bits = 1 byte Abbreviation: Text, Images, Video and Sound ASCII-7 In the early days, a was used, with of 0 s and 1 s, enough for a typical keyboard. The standard was developed by (American Standard Code for Information Interchange)

More information

LECTURE 03 BITMAP IMAGE FORMATS

LECTURE 03 BITMAP IMAGE FORMATS MULTIMEDIA TECHNOLOGIES LECTURE 03 BITMAP IMAGE FORMATS IMRAN IHSAN ASSISTANT PROFESSOR IMAGE FORMATS To store an image, the image is represented in a two dimensional matrix of pixels. Information about

More information

PENGENALAN TEKNIK TELEKOMUNIKASI CLO

PENGENALAN TEKNIK TELEKOMUNIKASI CLO PENGENALAN TEKNIK TELEKOMUNIKASI CLO : 4 Digital Image Faculty of Electrical Engineering BANDUNG, 2017 What is a Digital Image A digital image is a representation of a two-dimensional image as a finite

More information

Unit 1.1: Information representation

Unit 1.1: Information representation Unit 1.1: Information representation 1.1.1 Different number system A number system is a writing system for expressing numbers, that is, a mathematical notation for representing numbers of a given set,

More information

3.1 Graphics/Image age Data Types. 3.2 Popular File Formats

3.1 Graphics/Image age Data Types. 3.2 Popular File Formats Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular File Formats 3.1 Graphics/Image age Data Types The number of file formats used in multimedia continues to proliferate.

More information

Unit 4.4 Representing Images

Unit 4.4 Representing Images Unit 4.4 Representing Images Candidates should be able to: a) Explain the representation of an image as a series of pixels represented in binary b) Explain the need for metadata to be included in the file

More information

CS 200 Assignment 3 Pixel Graphics Due Tuesday September 27th 2016, 9:00 am. Readings and Resources

CS 200 Assignment 3 Pixel Graphics Due Tuesday September 27th 2016, 9:00 am. Readings and Resources CS 200 Assignment 3 Pixel Graphics Due Tuesday September 27th 2016, 9:00 am Readings and Resources Texts: Suggested excerpts from Learning Web Design Files The required files are on Learn in the Week 3

More information

Information representation

Information representation 2Unit Chapter 11 1 Information representation Revision objectives By the end of the chapter you should be able to: show understanding of the basis of different number systems; use the binary, denary and

More information

COMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing. Digital Images Vector Graphics

COMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing. Digital Images Vector Graphics COMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing Digital Images Vector Graphics Students should be able to: Learning Outcomes Describe the differences between bitmap graphics

More information

Image Processing for Mechatronics Engineering For senior undergraduate students Academic Year 2017/2018, Winter Semester

Image Processing for Mechatronics Engineering For senior undergraduate students Academic Year 2017/2018, Winter Semester Image Processing for Mechatronics Engineering For senior undergraduate students Academic Year 2017/2018, Winter Semester Lecture 8: Color Image Processing 04.11.2017 Dr. Mohammed Abdel-Megeed Salem Media

More information

raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken.

raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken. raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken. psd files (photoshop default) layered photoshop continuous-tone (photograph)

More information

Digital Imaging - Photoshop

Digital Imaging - Photoshop Digital Imaging - Photoshop A digital image is a computer representation of a photograph. It is composed of a grid of tiny squares called pixels (picture elements). Each pixel has a position on the grid

More information

Indexed Color. A browser may support only a certain number of specific colors, creating a palette from which to choose

Indexed Color. A browser may support only a certain number of specific colors, creating a palette from which to choose Indexed Color A browser may support only a certain number of specific colors, creating a palette from which to choose Figure 3.11 The Netscape color palette 1 QUIZ How many bits are needed to represent

More information

Images and Displays. Lecture Steve Marschner 1

Images and Displays. Lecture Steve Marschner 1 Images and Displays Lecture 2 2008 Steve Marschner 1 Introduction Computer graphics: The study of creating, manipulating, and using visual images in the computer. What is an image? A photographic print?

More information

Image Optimization for Print and Web

Image Optimization for Print and Web There are two distinct types of computer graphics: vector images and raster images. Vector Images Vector images are graphics that are rendered through a series of mathematical equations. These graphics

More information

Learning Outcomes. Black and White pictures. Bitmap Graphics. COMPSCI 111/111G Digital Images and Vector Graphics

Learning Outcomes. Black and White pictures. Bitmap Graphics. COMPSCI 111/111G Digital Images and Vector Graphics Learning Outcomes COMPSCI 111/111G Digital Images and Vector Graphics Lecture 13 SS 2018 Students should be able to: Describe the differences between bitmap graphics and vector graphics Calculate the size

More information

Developing Multimedia Assets using Fireworks and Flash

Developing Multimedia Assets using Fireworks and Flash HO-2: IMAGE FORMATS Introduction As you will already have observed from browsing the web, it is possible to add a wide range of graphics to web pages, including: logos, animations, still photographs, roll-over

More information

Graphics for Web. Desain Web Sistem Informasi PTIIK UB

Graphics for Web. Desain Web Sistem Informasi PTIIK UB Graphics for Web Desain Web Sistem Informasi PTIIK UB Pixels The computer stores and displays pixels, or picture elements. A pixel is the smallest addressable part of the computer screen. A pixel is stored

More information

Digital Imaging & Photoshop

Digital Imaging & Photoshop Digital Imaging & Photoshop Photoshop Created by Thomas Knoll in 1987, originally called Display Acquired by Adobe in 1988 Released as Photoshop 1.0 for Macintosh in 1990 Released the Creative Suite in

More information

PAINT Pa and DRAW Dr aw

PAINT Pa and DRAW Dr aw PAINT Pa and DRAW Dr aw PAINT(BITMAP) e.g. Microsoft PAINT in Windows DRAW (VECTOR) e.g. in MS Office (Word and PowerPoint) 1 Bulb 1 Piece of Wire 1 Battery To open (with Windows open): Start Click on

More information

Sampling Rate = Resolution Quantization Level = Color Depth = Bit Depth = Number of Colors

Sampling Rate = Resolution Quantization Level = Color Depth = Bit Depth = Number of Colors ITEC2110 FALL 2011 TEST 2 REVIEW Chapters 2-3: Images I. Concepts Graphics A. Bitmaps and Vector Representations Logical vs. Physical Pixels - Images are modeled internally as an array of pixel values

More information

HTTP transaction with Graphics HTML file + two graphics files

HTTP transaction with Graphics HTML file + two graphics files HTTP transaction with Graphics HTML file + two graphics files Graphics are grids of Pixels (Picture Elements) Each pixel is exactly one color. At normal screen resolution you can't tell they are square.

More information

Dr. Shahanawaj Ahamad. Dr. S.Ahamad, SWE-423, Unit-06

Dr. Shahanawaj Ahamad. Dr. S.Ahamad, SWE-423, Unit-06 Dr. Shahanawaj Ahamad 1 Outline: Basic concepts underlying Images Popular Image File formats Human perception of color Various Color Models in use and the idea behind them 2 Pixels -- picture elements

More information

B.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model)

B.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model) Image Data Color Models RGB (the additive color model) CYMK (the subtractive color model) Pixel Data Color Depth Every pixel is assigned to one specific color. The amount of data stored for every pixel,

More information

RGB COLORS. Connecting with Computer Science cs.ubc.ca/~hoos/cpsc101

RGB COLORS. Connecting with Computer Science cs.ubc.ca/~hoos/cpsc101 RGB COLORS Clicker Question How many numbers are commonly used to specify the colour of a pixel? A. 1 B. 2 C. 3 D. 4 or more 2 Yellow = R + G? Combining red and green makes yellow Taught in elementary

More information

Chapter 3 Graphics and Image Data Representations

Chapter 3 Graphics and Image Data Representations Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular File Formats Li, Drew, & Liu 1 1 3.1 Graphics/Image Data Types The number of file formats used in multimedia

More information

Module 4 Build a Game

Module 4 Build a Game Module 4 Build a Game Game On 2 Game Instructions 3 Exercises 12 Look at Me 13 Exercises 15 I Can t Hear You! 17 Exercise 20 End of Module Quiz 20 2013 Lero Game On Design a Game When you start a programming

More information

Computer Programming

Computer Programming Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering Session: Digital Images and Histograms Dr. Deepak B. Phatak & Dr. Supratik Chakraborty,

More information

Bitmap Image Formats

Bitmap Image Formats LECTURE 5 Bitmap Image Formats CS 5513 Multimedia Systems Spring 2009 Imran Ihsan Principal Design Consultant OPUSVII www.opuseven.com Faculty of Engineering & Applied Sciences 1. Image Formats To store

More information

Digital Image Processing Lec.(3) 4 th class

Digital Image Processing Lec.(3) 4 th class Digital Image Processing Lec.(3) 4 th class Image Types The image types we will consider are: 1. Binary Images Binary images are the simplest type of images and can take on two values, typically black

More information

Data Representation. "There are 10 kinds of people in the world, those who understand binary numbers, and those who don't."

Data Representation. There are 10 kinds of people in the world, those who understand binary numbers, and those who don't. Data Representation "There are 10 kinds of people in the world, those who understand binary numbers, and those who don't." How Computers See the World There are a number of very common needs for a computer,

More information

MOTION GRAPHICS BITE 3623

MOTION GRAPHICS BITE 3623 MOTION GRAPHICS BITE 3623 DR. SITI NURUL MAHFUZAH MOHAMAD FTMK, UTEM Lecture 1: Introduction to Graphics Learn critical graphics concepts. 1 Bitmap (Raster) vs. Vector Graphics 2 Software Bitmap Images

More information

Applying mathematics to digital image processing using a spreadsheet

Applying mathematics to digital image processing using a spreadsheet Jeff Waldock Applying mathematics to digital image processing using a spreadsheet Jeff Waldock Department of Engineering and Mathematics Sheffield Hallam University j.waldock@shu.ac.uk Introduction When

More information

CS 262 Lecture 01: Digital Images and Video. John Magee Some material copyright Jones and Bartlett

CS 262 Lecture 01: Digital Images and Video. John Magee Some material copyright Jones and Bartlett CS 262 Lecture 01: Digital Images and Video John Magee Some material copyright Jones and Bartlett 1 Overview/Questions What is digital information? What is color? How do pictures get encoded into binary

More information

CGT 511. Image. Image. Digital Image. 2D intensity light function z=f(x,y) defined over a square 0 x,y 1. the value of z can be:

CGT 511. Image. Image. Digital Image. 2D intensity light function z=f(x,y) defined over a square 0 x,y 1. the value of z can be: Image CGT 511 Computer Images Bedřich Beneš, Ph.D. Purdue University Department of Computer Graphics Technology Is continuous 2D image function 2D intensity light function z=f(x,y) defined over a square

More information

Welcome Back to Fundamentals of Multimedia (MR412) Fall, 2012 Chapter 3. ZHU Yongxin, Winson

Welcome Back to Fundamentals of Multimedia (MR412) Fall, 2012 Chapter 3. ZHU Yongxin, Winson Welcome Back to Fundamentals of Multimedia (MR412) Fall, 2012 Chapter 3 ZHU Yongxin, Winson zhuyongxin@sjtu.edu.cn Chapter 3 Graphics and Image Data Representations 3.1 Graphics/Image Data Types 3.2 Popular

More information

CHAPTER 2 - DIGITAL DATA REPRESENTATION AND NUMBERING SYSTEMS

CHAPTER 2 - DIGITAL DATA REPRESENTATION AND NUMBERING SYSTEMS CHAPTER 2 - DIGITAL DATA REPRESENTATION AND NUMBERING SYSTEMS INTRODUCTION Digital computers use sequences of binary digits (bits) to represent numbers, letters, special symbols, music, pictures, and videos.

More information

Digital Imaging and Image Editing

Digital Imaging and Image Editing Digital Imaging and Image Editing A digital image is a representation of a twodimensional image as a finite set of digital values, called picture elements or pixels. The digital image contains a fixed

More information

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)!

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)! Photoshop CS6 Table of Contents Image Formats! 3 GIF (Graphics Interchange Format)! 3 JPEG or JPG (Joint Photographic Experts Group)! 3 PNG (Portable Network Graphics)! 3 Pixels! 3 Resolution! 3 Creating

More information

Image Size Variation Influence on Corrupted and Non-viewable BMP Image

Image Size Variation Influence on Corrupted and Non-viewable BMP Image IOP Conference Series: Materials Science and Engineering PAPER OPEN ACCESS Image Size Variation Influence on Corrupted and Non-viewable BMP Image To cite this article: Tengku Norsuhaila T Azmi et al 2017

More information

UNIT 7B Data Representa1on: Images and Sound. Pixels. An image is stored in a computer as a sequence of pixels, picture elements.

UNIT 7B Data Representa1on: Images and Sound. Pixels. An image is stored in a computer as a sequence of pixels, picture elements. UNIT 7B Data Representa1on: Images and Sound 1 Pixels An image is stored in a computer as a sequence of pixels, picture elements. 2 1 Resolu1on The resolu1on of an image is the number of pixels used to

More information

CHAPTER 3 I M A G E S

CHAPTER 3 I M A G E S CHAPTER 3 I M A G E S OBJECTIVES Discuss the various factors that apply to the use of images in multimedia. Describe the capabilities and limitations of bitmap images. Describe the capabilities and limitations

More information

Working with Photos. Lesson 7 / Draft 20 Sept 2003

Working with Photos. Lesson 7 / Draft 20 Sept 2003 Lesson 7 / Draft 20 Sept 2003 Working with Photos Flash allows you to import various types of images, and it distinguishes between two types: vector and bitmap. Photographs are always bitmaps. An image

More information

Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web

Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web Bitmap Vector (*Refer to Textbook Page 175 file formats) Bitmap

More information

CS 200 Assignment 3 Pixel Graphics Due Monday May 21st 2018, 11:59 pm. Readings and Resources

CS 200 Assignment 3 Pixel Graphics Due Monday May 21st 2018, 11:59 pm. Readings and Resources CS 200 Assignment 3 Pixel Graphics Due Monday May 21st 2018, 11:59 pm Readings and Resources Texts: Suggested excerpts from Learning Web Design Files The required files are on Learn in the Week 3 > Assignment

More information

Using Adobe Photoshop

Using Adobe Photoshop Using Adobe Photoshop 4 Colour is important in most art forms. For example, a painter needs to know how to select and mix colours to produce the right tones in a picture. A Photographer needs to understand

More information

Exercise NMCGJ: Image Processing

Exercise NMCGJ: Image Processing Exercise NMCGJ: Image Processing A digital picture (or image) is internally stored as an array or a matrix of pixels (= picture elements), each of them containing a specific color. This exercise is devoted

More information

CS101 Lecture 12: Digital Images. What You ll Learn Today

CS101 Lecture 12: Digital Images. What You ll Learn Today CS101 Lecture 12: Digital Images Sampling and Quantizing Using bits to Represent Colors and Images Aaron Stevens (azs@bu.edu) 20 February 2013 What You ll Learn Today What is digital information? How to

More information

Digital Images: A Technical Introduction

Digital Images: A Technical Introduction Digital Images: A Technical Introduction Images comprise a significant portion of a multimedia application This is an introduction to what is under the technical hood that drives digital images particularly

More information

Photoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf

Photoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf Photoshop 01 Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf Topics Raster Graphics Document Setup Image Size & Resolution Tools Selecting and Transforming

More information

CS101 Lecture 19: Digital Images. John Magee 18 July 2013 Some material copyright Jones and Bartlett. Overview/Questions

CS101 Lecture 19: Digital Images. John Magee 18 July 2013 Some material copyright Jones and Bartlett. Overview/Questions CS101 Lecture 19: Digital Images John Magee 18 July 2013 Some material copyright Jones and Bartlett 1 Overview/Questions What is digital information? What is color? How do pictures get encoded into binary

More information

Raster Image File Formats

Raster Image File Formats Raster Image File Formats 1995-2016 Josef Pelikán & Alexander Wilkie CGG MFF UK Praha pepca@cgg.mff.cuni.cz http://cgg.mff.cuni.cz/~pepca/ 1 / 35 Raster Image Capture Camera Area sensor (CCD, CMOS) Colours:

More information

Digital Images. Digital Images. Digital Images fall into two main categories

Digital Images. Digital Images. Digital Images fall into two main categories Digital Images Digital Images Scanned or digitally captured image Image created on computer using graphics software Digital Images fall into two main categories Vector Graphics Raster (Bitmap) Graphics

More information

Picsel epage. Bitmap Image file format support

Picsel epage. Bitmap Image file format support Picsel epage Bitmap Image file format support Picsel Image File Format Support Page 2 Copyright Copyright Picsel 2002 Neither the whole nor any part of the information contained in, or the product described

More information

IMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication

IMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication IMAGE SIZING AND RESOLUTION MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication Copyright 2013 MyGraphicsLab / Pearson Education OBJECTIVES This presentation covers

More information

3. When you import the scanner for the first time make sure you change it from Full Auto Mode to that of Professional Mode.

3. When you import the scanner for the first time make sure you change it from Full Auto Mode to that of Professional Mode. PhotoShop Tutorials Scanning Photographic Film WorkFlow 1. Open PhotoShop 2. File > Import > choose scanner 3. When you import the scanner for the first time make sure you change it from Full Auto Mode

More information

A Guide to Using the Generic Flyer Template

A Guide to Using the Generic Flyer Template A Guide to Using the Generic Flyer Template The purpose of this document is to demonstrate the creative uses of the Generic Flyer Template as well as providing a style guide for the successful application

More information

Data Representation 1 am/pm Time allowed: 22 minutes

Data Representation 1 am/pm Time allowed: 22 minutes High Weald Academy GCSE COMPUTER SCIENCE 8520/DR1 Paper DR1 Data Representation 1 am/pm Time allowed: 22 minutes Materials There are no additional materials required for this paper. Instructions Use black

More information

Image is a spatial representation of an object or a scene. (image of a person, place, object)

Image is a spatial representation of an object or a scene. (image of a person, place, object) Graphics & Images Table of Content 1. Introduction 2. Types of graphics 3. Resolution 4. Memory/Storage requirement 5. Types of images 6. Image colour schemes 7. Colour dithering 8. Image processing 9.

More information

Recovering highlight detail in over exposed NEF images

Recovering highlight detail in over exposed NEF images Recovering highlight detail in over exposed NEF images Request I would like to compensate tones in overexposed RAW image, exhibiting a loss of detail in highlight portions. Response Highlight tones can

More information

Common File Formats. Need to store an image on disk Real photos Synthetic renderings Composed images. Desirable Features High quality.

Common File Formats. Need to store an image on disk Real photos Synthetic renderings Composed images. Desirable Features High quality. Image File Format 1 Common File Formats Need to store an image on disk Real photos Synthetic renderings Composed images Multiple sources Desirable Features High quality Lossy vs Lossless formats Channel

More information

Autodesk Raster Design for Mapping and Land Development Professionals David Zavislan, P.E.

Autodesk Raster Design for Mapping and Land Development Professionals David Zavislan, P.E. December 2-5, 2003 MGM Grand Hotel Las Vegas Autodesk Raster Design for Mapping and Land Development Professionals David Zavislan, P.E. GI12-1 Explore the new and enhanced functionality in Autodesk Raster

More information

Photoshop Notes and Application Study Packet

Photoshop Notes and Application Study Packet Basic Parts of Photoshop Interface Photoshop Notes and Application Study Packet PANELS Photoshop Study Packet Copyright Law The World Intellectual Property Organization (WIPO) Copyright treaty restrict

More information

ImageJ, A Useful Tool for Image Processing and Analysis Joel B. Sheffield

ImageJ, A Useful Tool for Image Processing and Analysis Joel B. Sheffield ImageJ, A Useful Tool for Image Processing and Analysis Joel B. Sheffield Temple University Dedicated to the memory of Dan H. Moore (1909-2008) Presented at the 2008 meeting of the Microscopy and Microanalytical

More information

Reflections Project Tutorial Digital Media 1

Reflections Project Tutorial Digital Media 1 Reflections Project Tutorial Digital Media 1 You are creating your own floor and wall for your advertisement. Please do this before you begin on the Diamonds Project: 1. Reset all tools in Photoshop. 2.

More information

BEST PRACTICES FOR SCANNING DOCUMENTS. By Frank Harrell

BEST PRACTICES FOR SCANNING DOCUMENTS. By Frank Harrell By Frank Harrell Recommended Scanning Settings. Scan at a minimum of 300 DPI, or 600 DPI if expecting to OCR the document Scan in full color Save pages as JPG files with 75% compression and store them

More information

Aperture. The lens opening that allows more, or less light onto the sensor formed by a diaphragm inside the actual lens.

Aperture. The lens opening that allows more, or less light onto the sensor formed by a diaphragm inside the actual lens. PHOTOGRAPHY TERMS: AE - Auto Exposure. When the camera is set to this mode, it will automatically set all the required modes for the light conditions. I.e. Shutter speed, aperture and white balance. The

More information

Topics. 1. Raster vs vector graphics. 2. File formats. 3. Purpose of use. 4. Decreasing file size

Topics. 1. Raster vs vector graphics. 2. File formats. 3. Purpose of use. 4. Decreasing file size Topics 1. Raster vs vector graphics 2. File formats 3. Purpose of use 4. Decreasing file size Vector graphics Object-oriented graphics or drawings Consist of a series of mathematically defined points that

More information

1. Using Images on Web Pages 2. Image Formats 3. Bitmap Image Formats

1. Using Images on Web Pages 2. Image Formats 3. Bitmap Image Formats CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB By Hassan S. Shavarani UNIT5: GRAPHICS 1 TOPICS 1. Using Images on Web Pages 2. Image Formats 3. Bitmap Image Formats 2 THE TAG EXAMPLE

More information

Photoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore

Photoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore Photoshop: a Beginner s course by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore Table of Contents About the Workshop... 1 Prerequisites... 1 Workshop Objectives...

More information

Glossary Unit 1: Hardware/Software & Storage Media

Glossary Unit 1: Hardware/Software & Storage Media 1. Bluetooth wireless technology to transfer data 2. Burner a CD or DVD writer; can be internal or external 3. Cloud computing use of web services to perform functions that were traditionally performed

More information

Managing images with NewZapp

Managing images with NewZapp Managing images with NewZapp This guide is for anyone using the NewZapp Fixed editor as opposed to the Drag and Drop editor. The Image Manager is where images are uploaded and stored in your NewZapp account

More information

Photoshop Domain 5: Publishing Digital Images Using Adobe Photoshop CS5

Photoshop Domain 5: Publishing Digital Images Using Adobe Photoshop CS5 Photoshop Domain 5: Publishing Digital Images Using Adobe Photoshop CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Demonstrate knowledge

More information

Image Smoothing. Controlling printed output. Printing. Using color. Paper handling. Maintenance. Troubleshooting. Administration.

Image Smoothing. Controlling printed output. Printing. Using color. Paper handling. Maintenance. Troubleshooting. Administration. Your printer driver provides you with the best quality output for various types of printing needs. However, you may want more control over how your printed document will look. 1 Your printer default is

More information

Black & White and colouring with GIMP

Black & White and colouring with GIMP Black & White and colouring with GIMP Alberto García Briz Black and white with channels in GIMP (21/02/2012) One of the most useful ways to convert a picture to black and white is the channel mix technique.

More information

Course Objectives & Structure

Course Objectives & Structure Course Objectives & Structure Digital imaging is at the heart of science, medicine, entertainment, engineering, and communications. This course provides an introduction to mathematical tools for the analysis

More information

How is Information Stored

How is Information Stored Binary CSCE 101 How is Information Stored Information is stored in the computer as binary numbers (0 s and 1 s). Even images are stored in this way, where a combination of 0 s and 1 s represent each color

More information

Preparing Images For Print

Preparing Images For Print Preparing Images For Print The aim of this tutorial is to offer various methods in preparing your photographs for printing. Sometimes the processing a printer does is not as good as Adobe Photoshop, so

More information

Output Model. Coordinate Systems. A picture is worth a thousand words (and let s not forget about sound) Device coordinates Physical coordinates

Output Model. Coordinate Systems. A picture is worth a thousand words (and let s not forget about sound) Device coordinates Physical coordinates Output Model A picture is worth a thousand words (and let s not forget about sound) Coordinate Systems Device coordinates Physical coordinates 1 Device Coordinates Most natural units for the output device

More information

Chapter 14 Inserting Bitmapped Images

Chapter 14 Inserting Bitmapped Images Chapter 14 Inserting Bitmapped Images Introduction This chapter explains how to insert and size bitmapped images in R&R reports. This information is presented in the following sections: Importing an Image

More information

Digital Media. Lecture 4: Bitmapped images: Compression & Convolution Georgia Gwinnett College School of Science and Technology Dr.

Digital Media. Lecture 4: Bitmapped images: Compression & Convolution Georgia Gwinnett College School of Science and Technology Dr. Digital Media Lecture 4: Bitmapped images: Compression & Convolution Georgia Gwinnett College School of Science and Technology Dr. Mark Iken Bitmapped image compression Consider this image: With no compression...

More information

15110 Principles of Computing, Carnegie Mellon University

15110 Principles of Computing, Carnegie Mellon University 1 Overview Human sensory systems and digital representations Digitizing images Digitizing sounds Video 2 HUMAN SENSORY SYSTEMS 3 Human limitations Range only certain pitches and loudnesses can be heard

More information

Bryce 7.1 Pro HDRI Export. HDRI Export

Bryce 7.1 Pro HDRI Export. HDRI Export HDRI Export Bryce can create an HDRI from the sky or load an external HDRI. These HDRIs can also be exported from the IBL tab into different file formats. There are a few things to watch out for. Export

More information

Basic Tutorials Series: Import A Photograph. RenoWorks Support Team Document #HWPRO0003

Basic Tutorials Series: Import A Photograph. RenoWorks Support Team Document #HWPRO0003 Basic Tutorials Series: Import A Photograph RenoWorks Support Team Document #HWPRO0003 Import A Photograph 2 1 Import Your Own Photograph The Photo Import Wizard The Photo Import Wizard is the first tool

More information

Image Processing. Michael Kazhdan ( /657) HB Ch FvDFH Ch. 13.1

Image Processing. Michael Kazhdan ( /657) HB Ch FvDFH Ch. 13.1 Image Processing Michael Kazhdan (600.457/657) HB Ch. 14.4 FvDFH Ch. 13.1 Outline Human Vision Image Representation Reducing Color Quantization Artifacts Basic Image Processing Human Vision Model of Human

More information

Image and Video Processing

Image and Video Processing Image and Video Processing () Image Representation Dr. Miles Hansard miles.hansard@qmul.ac.uk Segmentation 2 Today s agenda Digital image representation Sampling Quantization Sub-sampling Pixel interpolation

More information

PhotoFiltre DEPARTMENT OF EDUCATION

PhotoFiltre DEPARTMENT OF EDUCATION DEPARTMENT OF EDUCATION PhotoFiltre Updated on 20 February 2010 This resource is part of the resource collection available through the ecentre for teachers. www.ecentre.education.tas.gov.au PhotoFiltre

More information

Lecture 9: Digital Images

Lecture 9: Digital Images Lecture 9: Digital Images The Digital World of Multimedia Prof. Mari Ostendorf Announcements Guest lecture Friday Feb 1 (EEB 403, tentatively) A cultural history of JPEG Dr. Joan Mitchell Another lecture

More information