This graphic is 16 by 16 pixels. The designer has chosen to limit it to 2 colours. Each pixel can only be black or white. 1 could represent black and.

Slides:



Advertisements
Similar presentations
Pixels and Digital Images Yrd. Doc. Dr. Ahmet Sayar Kocaeli Universitesi Bilgisayar Muhendisligi Ileri Bilgisayar Grafikleri.
Advertisements

Raster Graphics 2.01 Investigate graphic image design.
5th Intensive Course on Soil Micromorphology Naples th - 14th September Image Analysis Lecture 2 Image Acquisition Historic Aspects.
Md. Monjur –ul-Hasan Department of Computer Science & Engineering Chittagong University of Engineering & Technology Chittagong 4349
Lecture 2 Concepts, Terms and Definitions. Display Devices They are divided into a lot of small squares called pixels (“PICture ELements”). Each pixel.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Graphics in the web Digital Media: Communication and Design
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.
Lesson Objectives Explain the representation of an image as a series of pixels represented in binary Explain the need for meta data to be included in the.
Bitmapped Images 27 th November 2014 With Mrs
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.
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.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
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.
Department of Physics and Astronomy DIGITAL IMAGE PROCESSING
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
GCSE Computing#BristolMet Session Objectives#9 MUST identify the data needed for a computer to display an image correctly (metadata) SHOULD describe the.
© GCSE Computing Candidates should be able to:  explain the representation of an image as a series of pixels represented in binary  explain the need.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
THE COLORS OF LIGHT RED, GREEN and BLUE
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.
Images Data Representation. Objectives  Understand the terms bitmap & pixel  Understand how bitmap images are stored using binary in a computer system.
Bit-Mapped Graphic Data: Input (Capture) Hardware Multimedia – Section 2.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Information Processes and Technology Multimedia: Graphics.
Communicating Quantitative Information Is a picture worth 1000 words? Digital images. Number bases Standards, Compression Will [your] images last? Homework:
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:
Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.
Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,
Chapter 4: Representation of data in computer systems: Images OCR Computing for GCSE © Hodder Education 2011.
Marr CollegeHigher ComputingSlide 1 Higher Computing: COMPUTER SYSTEMS Part 1: Data Representation – 6 hours.
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.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Raster Graphics 2.01 Investigate graphic image design.
COMPUTER GRAPHICS. Can refer to the number of pixels in a bitmapped image Can refer to the number of pixels in a bitmapped image The amount of space it.
Digital Images are represented by manipulating this…
Graphics in a computers memory How a picture (i.e. a graphic) is stored in a computers memory A computer screen is made up of little dots, called PICture.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
1 Perception and VR MONT 104S, Fall 2008 Lecture 20 Computer Graphics and VR.
HTTP transaction with Graphics HTML file + two graphics files.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Representation of Data in Computer Systems
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.
Images Data Representation.
Data Representation Images.
Data Representation.
Representing images.
Sampling, Quantization, Color Models & Indexed Color
Binary Representation in Audio and Images
How to Convert Pictures into Numbers
2.01 Investigate graphic image design.
Raster Images CPSC 1030.
A computer display is made up of small squares, called pixels.
Digital Images.
1.01 Investigate graphic types and file formats.
An Introduction to Scanning and Storing Photographs and Graphics
Data Representation.
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:

This graphic is 16 by 16 pixels. The designer has chosen to limit it to 2 colours. Each pixel can only be black or white. 1 could represent black and 0 could represent white. So each pixel takes up 1 bit of memory (a 0 or 1). There are 256 pixels (16 by 16), so it needs 256 bits. There are 8 bits in a byte, so that’s 32 bytes for the graphic. We say this bit mapped image has a 1 bit colour depth.

This graphic is 16 by 16 pixels. The designer has chosen to limit it to 4 colours. Each pixel can be black, white, red or yellow. 3 could represent yellow, 2 red, 1 black and 0 white. 3 is 11 in binary, 2 is 10, 1 is 01 and zero is 00 So each pixel takes up 2 bits of memory. There are 256 pixels (16 by 16), so it needs 512 bits. There are 8 bits in a byte, so that’s 64 bytes for the graphic. We say this bit mapped image has a 2 bit colour depth.

This graphic is 16 by 16 pixels. The designer has chosen to limit it to 16 colours. Each pixel can be colour number 0 to is 1111 in binary, so each pixel takes up 4 bits of memory. There are 256 pixels (16 by 16), so it needs 1024 bits. There are 8 bits in a byte, so that’s 128 bytes for the graphic. We say this bit mapped image has a 4 bit colour depth.

256 colours require 8 bits 0 to (255) colours require 16 bits 0 to (65535) Most modern computers have 24 bit colour which gives 16,777,216 colours, usually referred to as True Colour or 24 bit colour depth. If our house picture used true colour, it would take up 768 bytes ie: 256 pixels, each using 24 bits (3 bytes) And this is still a tiny picture, shown greatly enlarged. Here you can see it about the right size.

Width in pixels 1280 Height in pixels 1024 Pixels (w * h) Bits (pixels * colour depth) Bytes (bits / 8) Kbytes (bytes / 1024) 3840 Mbytes (kbytes / 1024) 3.75 How much RAM does the monitor display use? A modern computer screen may be 1280 pixels horizontally by 1024 vertically and has true colour – 24 bit colour depth.

How much RAM does a camera picture use? Like any bit mapped graphic, the answer depends on the resolution of the camera and its colour depth. If a camera has 6 megapixels and 24 bit colour depth – fairly standard values – then a vast amount of memory would be used. Hard discs would become full very quickly, transferring pictures over networks would be too slow. Even displaying pictures on the monitor would be slow. Because of this, large bit mapped images are usually compressed. pixels bits bytes Kbytes Mbytes

 GIF (Graphics Interchange Format) compresses images by limiting them to 256 (2 8 ) colours.  If you’ve got fewer than 256 actual colours in your image, there is loss of detail. It’s best for cartoons, charts etc.  GIF is poor for photographs.  GIF allows for transparency and even simple animation when they are strung together.

 JPEG is a “lossy” format – it ignores detail which the human eye can’t see – loss of detailed shading etc.  Good for photographs – used by most digital cameras.