How is Information Stored

Size: px
Start display at page:

Download "How is Information Stored"

Transcription

1 Binary CSCE 101

2 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 in the picture Each binary number is a switch where 0 is off and 1 is on How to read/write binary:

3 Base 10 The system we generally talk about numbers is in a 10 based system, also called decimal In 10 based system we talk about how many 1 s we have, how many 10 s, how many 100 s etc For example the following number 4567 is 7 ones 6 tens 5 hundreds 4 thousands

4 Base 10 Each of the categories, ones, tens, hundreds, thousands, are different powers of 10

5 Binary (Base 2) Now the categories we use to represent a number are powers of 2

6 Binary (Base 2) What is the number 1101 in the two based system? First we put the number in the chart, aligning it to the right Then we add up the numbers 1 (8), 1 (4) and 1 (1) which means the number is = 13

7 Practice Convert the binary number to decimal Answer = = 54

8 Practice Convert the binary number to decimal Answer = = 7

9 Practice Convert the binary number to decimal Answer = = 35

10 Writing numbers in binary You follow the same process as when you write a number in decimal format. First find the highest power of two that goes into the number Subtract that amount from the number, Put a 1 in that spot and repeat

11 Example (37) Write 37 in binary First we see that the largest power of 2 that goes into the number is 2 5 or 32 so we put a 1 in that spot =5 Now we need to add 5 to this number

12 Example (37) Now we need to add 5 to our number We see that the largest power of 2 that goes into the number is 2 2 or 4 so we put a 1 in that spot 5 4 =1 Now we need to add 1 to this number

13 Example (37) Now we need to add 1 to our number We see that the largest power of 2 that goes into the number is 2 0 or 1 so we put a 1 in that spot We then put zeros everywhere else

14 Example (37) And we now have represented 37 in binary We can add as many 0 s to the left of the numbers as we like and it stays the same. So this number is the same as

15 Practice Now write the following numbers in binary Answers 9 = = =

16

17

18 Practice Convert 3567 to binary?

19 Practice Convert 3567 to binary? Ans :

20

21

22

23

24

25

26

27

28 Hexadecimal (Base 16) Now the categories we use to represent a number are powers of 16 Since, our numbers go higher then 10 we need more characters. Our numbers are now

29 Hexadecimal (Base 16) Now the categories we use to represent a number are powers of 16

30 Hexadecimal (Base 16) What is the number 123 in the 16 based system? First we put the number in the chart, aligning it to the right Then we add up the numbers 1 (256), 2 (16) and 3 (1) which means the number is = 291

31 Hexadecimal (Base 16) Let s try ABC in the 16 based system? First we put the number in the chart, aligning it to the right Then we add up the numbers 10 (256), 11 (16) and 12 (1) which means the number is = 2748

32 Hexadecimal (Base 16) Let s try taking a decimal number and converting it to Hexadecimal. Let s convert the number We do this by repeatedly dividing by 16, the remainder goes on the farthest right column. 3000/16 = 187 R 8 (Put 8 in farthest right) 187/16 =11 R 11 (But B in next right) 11/16 = 0 R 11 (Put B in next right)

33

34

35

36

37

38

39

40

41

42 1.

43 1. a. b. c. d.

44 ASCII Stands for American Standard Code for Information Interchange The way we represent English characters as numbers (binary) Each letter is assigned a number form 0 to 1 A = B = C =

45 Text Compression Can take body of text and make it smaller Makes it more feasible for you to send these files Will find simplify repeated patterns so they take up less space. the rain in Spain falls mainly on the plain. becomes? r! in Sp! falls m!ly on? pl!.! = ain? = the

46 Color Colors are made up of a certain percent of: Red, Green, and Blue. e.g. We use binary numbers to represent different colors

47 Images Each pixel of color in an image is represented by a binary number The more pixels in an image the less pixelated the image looks, the higher the resolution, and the more space it takes up (The extra pixel data needs to be stored)

48 Image Compression In a vector image there is a lot of repeated color. Hence the compression can be very effective, and you can use lossless compression.

49 JPG JPG Images is a compressed file format, making it take up less space on your website and become faster to load The compression is lossy. This means that some of the image data is actually lost; however, the change in quality is said to be invisible to the human eye. JPG compression works well for pictures JPG does not work well for lettering or simple images of few colors.

50 GIF GIF uses a losless compression. Only supports 256 colors GIF is better than JPG for images that have few colors. Simple images. Images like sunsets have tons of colors, even though they are close in shade and should use JPG rather than GIF.

51 PNG An improvement on GIF Can be compressed slightly more, and supports more transparency.

52 Calculating image size 1) Black n white or grayscale or monochrome a) Image Size = 640 x 480 b) Total pixels = 640 x 480 c) 1 pixels = 8 bits d) Total bits = 640 x 480 x 8 2) Color Images a) 3 colors - RGB b) Monochrome * 3

ITP 140 Mobile App Technologies. Colors Images Icons

ITP 140 Mobile App Technologies. Colors Images Icons ITP 140 Mobile App Technologies Colors Images Icons Establish a style Look and Feel Create or choose a color palette Pick colors that complement each other Pick colors that are representative of your app

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

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

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

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

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

Chapter 4: The Building Blocks: Binary Numbers, Boolean Logic, and Gates

Chapter 4: The Building Blocks: Binary Numbers, Boolean Logic, and Gates Chapter 4: The Building Blocks: Binary Numbers, Boolean Logic, and Gates Objectives In this chapter, you will learn about The binary numbering system Boolean logic and gates Building computer circuits

More information

ITP 140 Mobile App Technologies. Images

ITP 140 Mobile App Technologies. Images ITP 140 Mobile App Technologies Images Images All digital images are rectangles! Each image has a width and height 2 Terms Pixel A picture element Screen size In inches Resolution A width and height DPI

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

Adding some light to computing. Lawrence Snyder University of Washington, Seattle

Adding some light to computing. Lawrence Snyder University of Washington, Seattle Adding some light to computing. Lawrence Snyder University of Washington, Seattle Lawrence Snyder 2004 Recall that the screen (and other video displays) use red- green- blue lights, arranged in an array

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

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

Introduction to Photography

Introduction to Photography Topic 11 - Bits & Bytes Learning Outcomes You will have a much better understanding of the basic units of digital photography. Bits & Bytes A Bit is the basic unit on a computer, which can be 0/1, off/

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

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

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

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

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

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

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

from: Point Operations (Single Operands)

from:  Point Operations (Single Operands) from: http://www.khoral.com/contrib/contrib/dip2001 Point Operations (Single Operands) Histogram Equalization Histogram equalization is as a contrast enhancement technique with the objective to obtain

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

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

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

Chapter 3 LEAST SIGNIFICANT BIT STEGANOGRAPHY TECHNIQUE FOR HIDING COMPRESSED ENCRYPTED DATA USING VARIOUS FILE FORMATS

Chapter 3 LEAST SIGNIFICANT BIT STEGANOGRAPHY TECHNIQUE FOR HIDING COMPRESSED ENCRYPTED DATA USING VARIOUS FILE FORMATS 44 Chapter 3 LEAST SIGNIFICANT BIT STEGANOGRAPHY TECHNIQUE FOR HIDING COMPRESSED ENCRYPTED DATA USING VARIOUS FILE FORMATS 45 CHAPTER 3 Chapter 3: LEAST SIGNIFICANT BIT STEGANOGRAPHY TECHNIQUE FOR HIDING

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

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

The BIOS in many personal computers stores the date and time in BCD. M-Mushtaq Hussain 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

More information

GUIDELINES & INFORMATION

GUIDELINES & INFORMATION GUIDELINES & INFORMATION This document will provide basic guidelines for the use of the World Animal Day logo and general knowledge about the various file formats provided. Adhering to these guidelines

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

CSC 170 Introduction to Computers and Their Applications. Lecture #3 Digital Graphics and Video Basics. Bitmap Basics

CSC 170 Introduction to Computers and Their Applications. Lecture #3 Digital Graphics and Video Basics. Bitmap Basics CSC 170 Introduction to Computers and Their Applications Lecture #3 Digital Graphics and Video Basics Bitmap Basics As digital devices gained the ability to display images, two types of computer graphics

More information

Specific structure or arrangement of data code stored as a computer file.

Specific structure or arrangement of data code stored as a computer file. FILE FORMAT Specific structure or arrangement of data code stored as a computer file. A file format tells the computer how to display, print, process, and save the data. It is dictated by the application

More information

Compression and Image Formats

Compression and Image Formats Compression Compression and Image Formats Reduce amount of data used to represent an image/video Bit rate and quality requirements Necessary to facilitate transmission and storage Required quality is application

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

The worlds we live in. The worlds we live in

The worlds we live in. The worlds we live in The contents of this Supporting Material document have been prepared from the Eight units of study texts for the course M150: Date, Computing and Information, produced by The Open University, UK. Copyright

More information

A raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels.

A raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels. Graphics 1 Raster Vector A raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels. Vector graphics use mathematical relationships

More information

The next table shows the suitability of each format to particular applications.

The next table shows the suitability of each format to particular applications. What are suitable file formats to use? The four most common file formats used are: TIF - Tagged Image File Format, uncompressed and compressed formats PNG - Portable Network Graphics, standardized compression

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

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

1. Use Pattern Blocks. Make the next 2 figures in each increasing pattern. a) 2. Write the pattern rule for each pattern in question 1.

1. Use Pattern Blocks. Make the next 2 figures in each increasing pattern. a) 2. Write the pattern rule for each pattern in question 1. s Master 1.22 Name Date Extra Practice 1 Lesson 1: Exploring Increasing Patterns 1. Use Pattern Blocks. Make the next 2 figures in each increasing pattern. a) 2. Write the pattern rule for each pattern

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

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

Factors to Consider When Choosing a File Type

Factors to Consider When Choosing a File Type Factors to Consider When Choosing a File Type Compression Since image files can be quite large, many formats employ some form of compression, the process of making the file size smaller by altering or

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

15110 Principles of Computing, Carnegie Mellon University

15110 Principles of Computing, Carnegie Mellon University 1 Last Time Data Compression Information and redundancy Huffman Codes ALOHA Fixed Width: 0001 0110 1001 0011 0001 20 bits Huffman Code: 10 0000 010 0001 10 15 bits 2 Overview Human sensory systems and

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

Vector VS Pixels Introduction to Adobe Photoshop

Vector VS Pixels Introduction to Adobe Photoshop MMA 100 Foundations of Digital Graphic Design Vector VS Pixels Introduction to Adobe Photoshop Clare Ultimo Using the right software for the right job... Which program is best for what??? Photoshop Illustrator

More information

UNIT 7C Data Representation: Images and Sound

UNIT 7C Data Representation: Images and Sound UNIT 7C Data Representation: Images and Sound 1 Pixels An image is stored in a computer as a sequence of pixels, picture elements. 2 1 Resolution The resolution of an image is the number of pixels used

More information

Images with (a) coding redundancy; (b) spatial redundancy; (c) irrelevant information

Images with (a) coding redundancy; (b) spatial redundancy; (c) irrelevant information Images with (a) coding redundancy; (b) spatial redundancy; (c) irrelevant information 1992 2008 R. C. Gonzalez & R. E. Woods For the image in Fig. 8.1(a): 1992 2008 R. C. Gonzalez & R. E. Woods Measuring

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

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

Color, graphics and hardware Monitors and Display

Color, graphics and hardware Monitors and Display Color, graphics and hardware Monitors and Display No two monitors display the same image in exactly the same way 1. Gamma settings - hardware setting on a monitor that controls the brightness of the pixels

More information

= (2 3 ) = c LAMC Beginners Circle September 29, Oleg Gleizer. Warm-up

= (2 3 ) = c LAMC Beginners Circle September 29, Oleg Gleizer. Warm-up LAMC Beginners Circle September 29, 2013 Oleg Gleizer oleg1140@gmail.com Warm-up Problem 1 Simplify the following expressions as much as possible. a. b. 9 3 3 6 = (2 3 ) 4 2 3 2 4 = c. 23 4 2 3 2 4 = d.

More information

Images and Colour COSC342. Lecture 2 2 March 2015

Images and Colour COSC342. Lecture 2 2 March 2015 Images and Colour COSC342 Lecture 2 2 March 2015 In this Lecture Images and image formats Digital images in the computer Image compression and formats Colour representation Colour perception Colour spaces

More information

6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include:

6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include: CHAPTER 6. Graphics MULTIMEDIA & GRAPHICS Graphics covers wide range of pictorial representations. Uses for computer graphics include: Buttons Charts Diagrams Animated images 2 1 MULTIMEDIA GRAPHICS Challenges

More information

What You ll Learn Today

What You ll Learn Today CS101 Lecture 18: Image Compression Aaron Stevens 21 October 2010 Some material form Wikimedia Commons Special thanks to John Magee and his dog 1 What You ll Learn Today Review: how big are image files?

More information

Pictures and Arrays. You have been returned to where you were last working. Return to syllabus Edit preferences

Pictures and Arrays. You have been returned to where you were last working. Return to syllabus Edit preferences Media Programming in One Month ANJILAIAH TUDUM - Sign Out My Courses Help More You have been returned to where you were last working. Return to syllabus Edit preferences MODULE 1: VARIABLES, OPERATORS

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

Corporate Logo Guidelines

Corporate Logo Guidelines Corporate Logo Guidelines 2 Aldec Globe Primary Logo to be used in 4-color applications greater than 200 pixels or 3 wide. Aldec Crescent Secondary logo to be used horizontal and/or 1 color applications

More information

CS Lecture 10:

CS Lecture 10: CS 1101101 Lecture 10: Digital Encoding---Representing the world in symbols Review: Analog vs Digital (Symbolic) Information Text encoding: ASCII and Unicode Encoding pictures: Sampling Quantizing Analog

More information

Computer Graphics. Rendering. Rendering 3D. Images & Color. Scena 3D rendering image. Human Visual System: the retina. Human Visual System

Computer Graphics. Rendering. Rendering 3D. Images & Color. Scena 3D rendering image. Human Visual System: the retina. Human Visual System Rendering Rendering 3D Scena 3D rendering image Computer Graphics Università dell Insubria Corso di Laurea in Informatica Anno Accademico 2014/15 Marco Tarini Images & Color M a r c o T a r i n i C o m

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

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB Unit 5 Graphics and Images Slides based on course material SFU Icons their respective owners 1 Learning Objectives In this unit you will learn

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

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

Chapter 8. Representing Multimedia Digitally

Chapter 8. Representing Multimedia Digitally Chapter 8 Representing Multimedia Digitally Learning Objectives Explain how RGB color is represented in bytes Explain the difference between bits and binary numbers Change an RGB color by binary addition

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

CMPSC 390 Visual Computing Spring 2014 Bob Roos Review Notes Introduction and PixelMath

CMPSC 390 Visual Computing Spring 2014 Bob Roos   Review Notes Introduction and PixelMath Review Notes 1 CMPSC 390 Visual Computing Spring 2014 Bob Roos http://cs.allegheny.edu/~rroos/cs390s2014 Review Notes Introduction and PixelMath Major Concepts: raster image, pixels, grayscale, byte, color

More information

Mask Integrator. Manual. Mask Integrator. Manual

Mask Integrator. Manual. Mask Integrator. Manual Mask Integrator Mask Integrator Tooltips If you let your mouse hover above a specific feature in our software, a tooltip about this feature will appear. Load Image Load the image with the standard lighting

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

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

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

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

Multimedia. Graphics and Image Data Representations (Part 2)

Multimedia. Graphics and Image Data Representations (Part 2) Course Code 005636 (Fall 2017) Multimedia Graphics and Image Data Representations (Part 2) Prof. S. M. Riazul Islam, Dept. of Computer Engineering, Sejong University, Korea E-mail: riaz@sejong.ac.kr Outline

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

CATEGORY SKILL SET REF. TASK ITEM

CATEGORY SKILL SET REF. TASK ITEM ECDL / ICDL Image Editing This module sets out essential concepts and skills relating to the ability to understand the main concepts underlying digital images and to use an image editing application to

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

IMAGE ENHANCEMENT - POINT PROCESSING

IMAGE ENHANCEMENT - POINT PROCESSING 1 IMAGE ENHANCEMENT - POINT PROCESSING KOM3212 Image Processing in Industrial Systems Some of the contents are adopted from R. C. Gonzalez, R. E. Woods, Digital Image Processing, 2nd edition, Prentice

More information

BMMB 597D - Practical Data Analysis for Life Scientists. Week 13 -Lecture 25. István Albert Huck Institutes for the Life Sciences

BMMB 597D - Practical Data Analysis for Life Scientists. Week 13 -Lecture 25. István Albert Huck Institutes for the Life Sciences BMMB 597D - Practical Data Analysis for Life Scientists Week 13 -Lecture 25 István Albert Huck Institutes for the Life Sciences Image analysis All lines are actually straight Extremely simple text formats

More information

Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010

Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010 Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010 Introduction to Fireworks CS4 Fireworks CS4 is an image editing program that can handle both vector (line art/logos) and raster

More information

Color, Resolution, & Other Image Essentials

Color, Resolution, & Other Image Essentials www.gilbertconsulting.com blog.gilbertconsulting.com kgilbert@gilbertconsulting.com Twitter: @gilbertconsult lynda.com/keithgilbert Every Photoshop image consists of three specific attributes: image resolution,

More information

Image Perception & 2D Images

Image Perception & 2D Images Image Perception & 2D Images Vision is a matter of perception. Perception is a matter of vision. ES Overview Introduction to ES 2D Graphics in Entertainment Systems Sound, Speech & Music 3D Graphics in

More information

5.1 Image Files and Formats

5.1 Image Files and Formats 5 IMAGE GRAPHICS IN THIS CHAPTER 5.1 IMAGE FILES AND FORMATS 5.2 IMAGE I/O 5.3 IMAGE TYPES AND PROPERTIES 5.1 Image Files and Formats With digital cameras and scanners available at ridiculously low prices,

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

Digitizing Color. Place Value in a Decimal Number. Place Value in a Binary Number. Chapter 11: Light, Sound, Magic: Representing Multimedia Digitally

Digitizing Color. Place Value in a Decimal Number. Place Value in a Binary Number. Chapter 11: Light, Sound, Magic: Representing Multimedia Digitally Chapter 11: Light, Sound, Magic: Representing Multimedia Digitally Fluency with Information Technology Third Edition by Lawrence Snyder Digitizing Color RGB Colors: Binary Representation Giving the intensities

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

Understanding Image Formats And When to Use Them

Understanding Image Formats And When to Use Them Understanding Image Formats And When to Use Them Are you familiar with the extensions after your images? There are so many image formats that it s so easy to get confused! File extensions like.jpeg,.bmp,.gif,

More information

5/17/2009. Digitizing Color. Place Value in a Binary Number. Place Value in a Decimal Number. Place Value in a Binary Number

5/17/2009. Digitizing Color. Place Value in a Binary Number. Place Value in a Decimal Number. Place Value in a Binary Number Chapter 11: Light, Sound, Magic: Representing Multimedia Digitally Digitizing Color Fluency with Information Technology Third Edition by Lawrence Snyder RGB Colors: Binary Representation Giving the intensities

More information

Lecture #2: Digital Images

Lecture #2: Digital Images Lecture #2: Digital Images CS106E Spring 2018, Young In this lecture we will see how computers display images. We ll find out how computers generate color and discover that color on computers works differently

More information

Warm up Question: Question: 8-bit indexed colour uses 256 colours. Announcements. Overview of Today s Topics. Announcements GRAPHICS CONTINUED

Warm up Question: Question: 8-bit indexed colour uses 256 colours. Announcements. Overview of Today s Topics. Announcements GRAPHICS CONTINUED Warm up Question: Question: 8-bit indexed colour uses 256 colours. True False Question: Vector images look good even if you resize them to make them bigger. True False Question: How many different colours

More information

Coreldraw Crash Course

Coreldraw Crash Course Coreldraw Crash Course Yannick Kremer Vrije Universiteit Amsterdam, February 27, 2007 Outline - Introduction to the basics of digital imaging - Bitmaps - Vectors - Colour: RGB vs CMYK - What can you do

More information

4/9/2015. Simple Graphics and Image Processing. Simple Graphics. Overview of Turtle Graphics (continued) Overview of Turtle Graphics

4/9/2015. Simple Graphics and Image Processing. Simple Graphics. Overview of Turtle Graphics (continued) Overview of Turtle Graphics Simple Graphics and Image Processing The Plan For Today Website Updates Intro to Python Quiz Corrections Missing Assignments Graphics and Images Simple Graphics Turtle Graphics Image Processing Assignment

More information

A picture is worth a thousand words

A picture is worth a thousand words Images Images Images include graphics, such as backgrounds, color schemes and navigation bars, and photos and other illustrations An essential part of a multimedia product, is present in every multimedia

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

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700.

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700. ADOBE CERTIFIED ASSOCIATE WORKSHOP!! (PHOTOSHOP WORKSHOP (PHOTOSHOP CS6) TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass Score is based on a 1000 pt system so passing will be a 700.

More information

Images, Pixels, ART!! Natural Language and Dialogue Systems Lab

Images, Pixels, ART!! Natural Language and Dialogue Systems Lab Images, Pixels, ART!! Natural Language and Dialogue Systems Lab Compression Examples Tools winzip, pkzip, compress, gzip Formats Images.jpg,.gif Audio.mp3,.wav Video mpeg1 (VCD), mpeg2 (DVD), mpeg4 (Divx)

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

CS 484, Fall 2018 Homework Assignment 1: Binary Image Analysis

CS 484, Fall 2018 Homework Assignment 1: Binary Image Analysis CS 484, Fall 2018 Homework Assignment 1: Binary Image Analysis Due: October 31, 2018 The goal of this assignment is to find objects of interest in images using binary image analysis techniques. Question

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

INTRODUCTION TO COMPUTER GRAPHICS

INTRODUCTION TO COMPUTER GRAPHICS INTRODUCTION TO COMPUTER GRAPHICS ITC 31012: GRAPHICAL DESIGN APPLICATIONS AJM HASMY hasmie@gmail.com WHAT CAN PS DO? - PHOTOSHOPPING CREATING IMAGE Custom icons, buttons, lines, balls or text art web

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