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.

Slides:



Advertisements
Similar presentations
Computer Systems Nat 4/5 Data Representation Lesson 4: Storing Graphics.
Advertisements

Color COM 366 Web Design & Production. RGB color Amount of light in each channel Closer to 255, whiter color gets Every color has value for red,
From Image Capture to Digital Output. In looking at this we shall consider the following… Quantisation. Quantisation Error. Interpolation. Viewing images.
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.
Bitmapped Images 27 th November 2014 With Mrs
I Power Multimedia Technology Video Data. Video data Video is a sequence of individual pictures or frames, taken one after another. These are played back.
Digital Art is Interactive Visual Art. How has art been changed because of technology ?
1 Internet Graphics. 2 Representing Images  Raster Image: Images consist of “dots” of color, not lines  Pixel: Picture element-tiny rectangle  Resolution:
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Storing Graphics EXTENSION.
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.
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.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
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.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
Graphics workshop Library and Information Services University of St Andrews.
Chapter 4: Representation of data in computer systems: Images OCR Computing for GCSE © Hodder Education 2011.
44212: Web-site Development Optimising Images for Web-pages Ian Perry Room:C49 Extension:7287
Marr CollegeHigher ComputingSlide 1 Higher Computing: COMPUTER SYSTEMS Part 1: Data Representation – 6 hours.
Which is the Pink Pen? Here is the Pink Pen (Example taken from
Representation of Images You need to know: (k) explain the representation of an image as a series of pixels represented in binary (l) explain the need.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Data Representation The storage of Text Numbers Graphics.
Computer Systems Nat 4.5 Computing Science Data Representation Lesson 4: Representing and Storing Graphics EXTENSION.
COMPUTER GRAPHICS. Once you scan an image or take a picture with your digital camera, it becomes digitized. Made up of hundreds of thousands of pixels.
Digital Images are represented by manipulating this…
POWERPOINT PLUS 11/17/07 Class Notes. WHAT IS A PIXEL A pixel is a number that represents the intensity of light at a square spot in the picture. Pixels.
Resolution The resolution of an image is determined by the number of individually addressable points that make up the image, whether it is the number.
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.
Image File Formats By Dr. Rajeev Srivastava 1. Image File Formats Header and Image data. A typical image file format contains two fields namely Dr. Rajeev.
In the Know … Technological Vocabulary. Beginning Terms 1. Aperture – the mechanical opening in the lens that lets light in. 2. ASA / ISO – rating given.
HOW SCANNERS WORK A scanner is a device that uses a light source to electronically convert an image into binary data (0s and 1s). This binary data can.
DATA REPRESENTATION IMAGES GCSE Computing. Learning Objective ■ To understand how an image is represented in Binary ■ To be able to convert a Binary code.
Representation of Data in Computer Systems
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
Multimedia and weBLOGging Grade 7-9 | Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 03 - Still Picture 01 – Basics.
OBJECTIVE AND OUTCOMES Objective: To be able to create images in binary format and understand the part metadata plays in recreating images. Outcomes:
ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging 1 GGC -- ITEC Digital Media.
Text and Images Key Revision Points.
Computer Systems Nat 5 Computing Science Data Representation
Unit 2.6 Data Representation Lesson 3 ‒ Images
Lesson Objectives Aims You should be able to:
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Image and Sound Representation
Storing Graphics Nat 5 Data Representation Lesson 4a: Storing Graphics
GCSE COMPUTER SCIENCE Data 2.2 Characters and Images.
Unit 1 The History of Photography & The Camera
Images Data Representation.
Data Representation Images.
Representing images.
Computer Systems Nat 4/5 Data Representation Lesson 4:
Binary Representation in Audio and Images
Computer Science Higher
GRAPHICS Source:
LET’S LEARN ABOUT GRAPHICS!
Data Representation.
Bitmap, Vector, Pixels, Resolution, Metadata.
Representing Images 2.6 – Data Representation.
What do these words mean to you?
Summer Term Year 10 Slides
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Computer Systems Nat 4.5 Computing Science Data Representation
Computer Systems Nat 4/5 Data Representation Lesson 4:
WJEC GCSE Computer Science
Presentation transcript:

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 file such as height, width and colour depth Discuss the effect of colour depth and resolution to the size of an image

Starter In your booklets is a completed cross work. Create the clues to go along with the answers! You have 10 minutes

BITMAP IMAGES Pictures must be shown on a screen or a printer as a series of dots, known as pixels. Each of these pixels is stored as a series of bits. Each bit corresponds to a part of the image. Images stored in this way are called bit- mapped image files. The more dots in a given area, the better the quality. This is called the resolution of the picture.

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

Task 1: In your booklets complete the bitmap images. Ensure you convert each image into BINARY and HEX

Bitmap Images When a bit-mapped image is enlarged, the pixels enlarge too. This produces a jagged, blurred image.

Coloured Bitmaps If this “A” image was 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).

More colours 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 An 8 bit byte has 256 variants, so 256 different shades of Red (green or blue) can be represented. With a 3 byte number system there are 256 x 256 x 256 =16.8million possible colours.

Interactive colour wheel mbers/color-wheel- interactive.html

Resolution Resolution refers to the number of pixels in an image. The higher the resolution, the more pixels and the bigger the file size. High resolution: 1288 kB Low resolution: 67 kB

Computers need to be able to store, display and manipulate photographs and graphical images. However, computers can only handle binary data (in the form of 1s and 0s) so it is imperative that all images must be stored in a digital format. For this to happen an image is broken down into dots of individual colours, each one known as a pixel. Each pixel is assigned a colour. If there are few pixels, they will be large therefore the image will appear blocky and crude. The more pixels contained in an image the clearer it becomes as more colours can be used with a better transition between each colour. This is known as picture resolution. Up to 256 different shades of red, blue and green can be displayed giving a total of 16.8 million possible colours.

OCR GCSE Computing © Hodder Education 2013 Slide 12 Metadata Metadata is data about data. Images from digital cameras are stored with a considerable amount of metadata that records information such as… the height; the width; the colour depth; the resolution; camera used; exposure details; when the image was created; who owns the copyright; contact information.

Various websites let you read the metadata about digital photos. Picture EXIF Info Resolution Unit => Inch Flash Used => No Flash Make => Olympus Imaging Corp. Model => SP700 xResolution => 72 dots per ResolutionUnit yResolution => 72 dots per ResolutionUnit Software => Version 1.0 File Modified Date => 2010:08:24 10:22:46 YCbCr Positioning => Datum Point Exposure Time => 1/400 sec DateTime => 2010:08:24 10:22:46 DateTime Digitized => 2010:08:24 10:22:46 Exposure Bias => 0 EV Aperture => f/3.3 Light Source => Unknown or Auto Focal Length => 10.3 mm Height => 2112 pixels Width => 2816 pixels Scene Capture Type => Directly Photographed Compress Scheme => Jpeg Compression

Fill in the gaps A/A* = 9/10 out of 10 B – 8+ out of 10 C – 7+ out of 10