Bit Depth. Introduction

Size: px
Start display at page:

Download "Bit Depth. Introduction"

Transcription

1 Colourgen Limited Tel: +44 (0) The AmBer Centre Sales: +44 (0) Oldfield Road, Maidenhead Support: +44 (0) Berkshire, SL6 1TH Accounts: +44 (0) United Kingdom Fax: +44 (0) Bit Depth Introduction Before explaining about bit depth, an understanding of bitmap images is required and this is explained in detail, in the document entitled, Difference between Bitmap and Vector but below is a small section from said document. The complete document can be found using the following URL. Bitmap (AKA Raster) images are made up of pixels and normally captured from a digital camera or scanner. Pixels are small squares with a numerical value which depicts the colour of each pixel. These pixels are mapped into a grid and the different colour shades of the pixels together form the overall image. If the right ratio of size of image and the number of pixels which it contains are set correctly, then the image should be perceived as continuous tone, meaning that the square pixels cannot be seen with the naked eye. Bit depth is also commonly known as Colour depth or Pixel depth and as explained above each pixel has a value which depicts the colour and this is where bit depth comes into play. Even if you have a basic understanding of bits, bytes, Kbytes or megabytes (in terms of bitmap images we are only looking at bits and bytes, in which 8 bits make 1 byte), many people don t understand how it relates to the colour information stored within a pixel. It can quite literally mean the difference between a black and white image with no shades, to an image with millions of available colours and continuous tone perceived shading. Bits A bit (which gets its name from Binary Digit) is the smallest unit in terms of bit depth. Each bit is an electronic pulse which can either be on (represented by a 1) or off (represented by a 0). Binary data (also referred to as the Base 2 numbering system) uses the mathematical formula, two to the power of n, or 2 n. Bit depth refers to the number of colours which can be stored within each pixel and the most commonly used bit depths are 1-bit, 4-bit, 8-bit and 24-bit and by using the 2 n formula the number of colours for each level of bit depth can be calculated. This document will cover the differences between 1-bit, 8-bit, 24-bit, 32-bit and 48-bit 1-bit (Monochrome) 1-bit images contain pixels which have a value of either 0 or 1, thus utilizing the 1 bit of space available. Images which are created in 1-bit mode are called monochrome and each pixel is either black or white. This format is commonly used for line art. Fig.1, 2 and 3 below are an example of an image which has been converted into a 1-bit image and when zoomed in you can see that it is only made up from black and white pixels which in areas are formed in clusters to give the effect of shading/ gradation. Co Reg: VAT Reg: Reg Office: The AmBer Centre, Oldfield Road, Maidenhead, Berkshire, SL6 1TH, United Kingdom

2 (Figure 1) (Figure 2) (Figure 3)

3 8-bit (Greyscale) In order to represent enough tone levels so that the step from one tone to the next is not visible, about 200 levels are required. This should then give the impression of a continuous tone image. An 8-bit pixel can store a value between 0 and 255, giving a total of 256 different tone levels. This is calculated by using the mathematical calculation of 2 8 and so gives more tone levels than the required 200, but if seven bits were used (2 7 ) this would only give us 128 tone levels. These extra tone levels are actually quite useful, in fact, essential in the colour management world due to the inevitable loss of tones at each stage of production from the original digital capture, to the final printed output. Fig.4, 5 and 6 are an example of an 8-bit greyscale image. Note how much smoother the gradations are compared to the 1-bit image and when zoomed into pixel level you can see how each pixel is a shade of grey. (Figure 4) (Figure 5)

4 (Figure 6) 2-bit, 4-bit or 8-bit (Indexed Colour) 2-bit, 4-bit or 8-bit indexed images are used when a colour image is required, but file size is an issue. There are programs which take a true colour image and index the most commonly used colours to a palette which is saved within the file. This way each pixel has a reference into the colour pallet with a simple number, rather than storing the colour itself. It is also possible to create a new indexed colour image and select the colours you require from an existing pre-saved custom pallet, or a pre defined pallet, for example one which is optimized for the web, or for colours which the human eye has greater sensitivity. Commonly used indexed colour images are either 2-bit which can encode 4 colours (2 2 ), 4-bit which can encode 16 colours (2 4 ), or 8-bit which can encode 256 colours (2 8 ). The reduction in file size is an ideal format for multimedia or web graphics, but not suitable for full colour printing. Fig.7, 8 and 9 are examples of 2-bit, 4-bit and 8-bit indexed images, with their corresponding colour pallets alongside.

5 (Figure 7) (Figure 8)

6 (Figure 9) 24-bit (3 channel) 24-bit images contain 24-bits per pixel, which is actually 3 bytes. These images are classed as True Colour, meaning that unlike indexed images, they don t contain colour pallets and each pixel stores its own colour value. The confusing thing is that most people refer to these images as 8-bit, but what they are referring to is 8- bits per channel (Red, Green and Blue), which comes to a total of 24-bits. Using the formula 2 8 we know that it gives 256 tone levels, but now with 256 tone levels per channel combined, it gives over 16.7 million colours, or 16,777,216 (256x256x256) to be exact. Fig.10 below shows a 24-bit image. Note how much smoother the gradations are, giving the impression of continuous tone.

7 (Figure 10) 32-bit (4 channel) If a 24-bit RGB image is converted to CMYK, each pixel will require an additional 8-bits to store the black channel, increasing the image to 32-bit. This increase in bit depth will obviously increase the file size by one third. It is also worth noting that if a 24-bit image has an alpha channel added to it; this will require an additional 8-bits per pixel and increase the image to 32-bit. An alpha channel contains transparency information about an image and if saved with this channel to enable further editing, then it will remain as 32-bit. There are only a few graphical file formats which support alpha channels, for example TIFF, PSD, PNG and BMP. 48-bit With the latest high end digital cameras and scanners, it is possible to capture images in 48-bit. This means that each channel uses 16-bits (2-bytes) per pixel containing up to 65,536 tone levels, equating to 281 trillion colours (2 48 ). Considering that the human eye can perceive about 10 million colours and a 24- bit image contains up to 16.7 million colours, do we really need 281 trillion colours? It does seem quite excessive, until you consider the variety of conditions that we try to capture with our digital cameras, or sample with our scanners, but with these dramatically increased tone levels, it leaves a much greater buffer for when post processing of the captured images is required.

8 As an example, consider a photograph which was captured in 24-bit and later found to be very much under or overexposed. Instead of capturing the image with levels per channel, the camera may have only used 128 levels, resulting in an image being far too dark or light. Fig.11 and 12 below show a simulation of under and over exposure, along with their corresponding histograms, showing heavily weighted to the left, with nothing in the highlights when underexposed and heavily weighted to the right with no shadows when overexposed. The grey histogram in the background shows the correct exposure. (Figure 11) (Figure 12) In order to correct for this under or overexposure, the levels will need to be adjusted, redefining the white point and black point. This will then take these 128 levels and stretch them out to 0-255, but as there where only 128 tone levels in the original captured image it will be in steps of 0,2,4,6,8,10 etc and you now risk being able to see stepping (posterization) in your gradations.

9 With an image captured in 48-bit you have so many more tone levels that the same example would still leave thousands of tone levels and so still be able to give the impression of continuous tone in the gradients. In practice if images are captured with the correct exposure settings and post capture processing is kept to a minimum, then 24-bit capture will be more than adequate, but in the real world this isn t always the case, so if you have the ability to capture in 48-bit, then do so and then after making any exposure or colour corrections, convert the final edited image down to 24-bit, if file size is an issue. Summary Bit Depth Formula Colours Common Supported File Formats 1-Bit BMP, GIF, PSD, PNG, TIFF, RAW 2-Bit BMP, GIF, PSD, PNG, TIFF, RAW 3-Bit BMP, GIF, PSD, PNG, TIFF, RAW 4-Bit BMP, GIF, PSD, PNG, TIFF, RAW 5-Bit BMP, GIF, PSD, PNG, TIFF, RAW 6-Bit BMP, GIF, PSD, PNG, TIFF, RAW 7-Bit BMP, GIF, PSD, PNG, TIFF, RAW 8-Bit BMP, GIF, PSD, PNG, TIFF, RAW 24-Bit BMP, PSD, PNG, TIFF, RAW, JPEG 48-Bit PSD, PNG, TIFF, RAW

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

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

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 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

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

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

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

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

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

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

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

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

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

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

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

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

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 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

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

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 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

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

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

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

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 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

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

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

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

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

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

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

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

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

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

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

This report provides a brief look at some of these factors and provides guidelines to making the best choice from what is available.

This report provides a brief look at some of these factors and provides guidelines to making the best choice from what is available. Technical Advisory Service for Images Advice Paper Choosing a File Format Introduction Over the years, there have been a number of image file formats that have been proposed and used. Of course, every

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

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

Digital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply

Digital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply Digital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply or include the processing, compression, storage, printing,

More information

How to Avoid Landmines: Managing your Motion Graphics Projects

How to Avoid Landmines: Managing your Motion Graphics Projects How to Avoid Landmines: Managing your Motion Graphics Projects -Richard Harrington, PMP www.rhedpixel.com 703.560.0220 Import Tips Double-Click in Project Window Shift-Click Multiple Items Organize in

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

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

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

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

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

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

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

Digital Files File Format Storage Color Temperature

Digital Files File Format Storage Color Temperature Digital Files Digital Files File Format Storage Color Temperature PIXELS Pixel = picture element - smallest component of a digital image - MEGAPIXEL 1 million pixels = MEGAPIXEL PIXELS more pixels per

More information

Astronomy and Image Processing. Many thanks to Professor Kate Whitaker in the physics department for her help

Astronomy and Image Processing. Many thanks to Professor Kate Whitaker in the physics department for her help Astronomy and Image Processing Many thanks to Professor Kate Whitaker in the physics department for her help What is an image? An image is an array, or a matrix, of square pixels (picture elements) arranged

More information

U-MARQ Universal Engraving. Bitmap Function. Chapter 12 Bitmaps. Bitmap Menu. Insert Bitmap

U-MARQ Universal Engraving. Bitmap Function. Chapter 12 Bitmaps. Bitmap Menu. Insert Bitmap U-MARQ Universal Engraving Bitmap Function The GEM-RX supports the new and unique U-MARQ Picture Engraving (this is an optional extra and has to be purchased separately), This Dialogue box is not available

More information

School of Digital Media Arts Photography GM300BB

School of Digital Media Arts Photography GM300BB Washtenaw Community College Don Werthmann School of Digital Media Arts Photography GM300BB 973-3586 http://courses.wccnet.edu/~donw donw@wccnet.edu What is a Digital Image? Any digital image is composed

More information

Resolution: The Peanut Butter Analogy

Resolution: The Peanut Butter Analogy Resolution: The Peanut Butter Analogy When you scan an image or take a digital picture you are collecting a batch of pixels. The mega pixel rating of your camera or your scanner s sensitivity will determine

More information

Commercial Art 1 Photoshop Study Guide. 8) How is on-screen image resolution measured? PPI - Pixels Per Inch

Commercial Art 1 Photoshop Study Guide. 8) How is on-screen image resolution measured? PPI - Pixels Per Inch Commercial Art 1 Photoshop Study Guide To help prepare you for the Photoshop test, be sure you can answer the following questions: 1) What are the three things should you do when you first open a Photoshop

More information

Using Adobe Photoshop

Using Adobe Photoshop Using Adobe Photoshop 1-1 - Advantages of Digital Imaging Until the 70s, using computers for images was unheard of outside academic circles. As general purpose computers have become faster with more capabilities,

More information

Using Adobe Photoshop to enhance the image quality. Assistant course web site:

Using Adobe Photoshop to enhance the image quality. Assistant course web site: Using Adobe Photoshop to enhance the image quality Assistant course web site: http://www.arches.uga.edu/~skwang/edit6170/course.htm Content Introduction 2 Unit1: Scan images 3 Lesson 1-1: Preparations

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

DIGITAL WATERMARKING GUIDE

DIGITAL WATERMARKING GUIDE link CREATION STUDIO DIGITAL WATERMARKING GUIDE v.1.4 Quick Start Guide to Digital Watermarking Here is our short list for what you need BEFORE making a linking experience for your customers Step 1 File

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

How to correct a contrast rejection. how to understand a histogram. Ver. 1.0 jetphoto.net

How to correct a contrast rejection. how to understand a histogram. Ver. 1.0 jetphoto.net How to correct a contrast rejection or how to understand a histogram Ver. 1.0 jetphoto.net Contrast Rejection or how to understand the histogram 1. What is a histogram? A histogram is a graphical representation

More information

Two Basic Digital Camera Types ( ) ( )

Two Basic Digital Camera Types ( ) ( ) Camera Basics Two Basic Digital Camera Types Digital SLR (Single Lens Reflex) Digital non-slr ( ) ( ) Camera Controls (where they are) Knobs & Switches Control Buttons Menu (several) Camera Controls (where

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

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

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

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

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

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

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

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 IMAGING FOUNDATIONS

DIGITAL IMAGING FOUNDATIONS CHAPTER DIGITAL IMAGING FOUNDATIONS Photography is, and always has been, a blend of art and science. The technology has continually changed and evolved over the centuries but the goal of photographers

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

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

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

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

TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES

TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach by M. Guzdial and B. Ericson, and instructor materials

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

ITNP80: Multimedia Adobe Photoshop Practical Weeks commencing 26 January and 2 February 2015.

ITNP80: Multimedia Adobe Photoshop Practical Weeks commencing 26 January and 2 February 2015. ITNP80: Multimedia Adobe Photoshop Practical Weeks commencing 26 January and 2 February 2015. The aims and objectives of this practical are four-fold: To give you some practical experience of some of the

More information

OSA Sponsorship Order Form

OSA Sponsorship Order Form Oakleaf Sports Association, Inc. 3979 Plantation Oaks Blvd. Orange Park, FL 32065 www.oakleafsports.net sponsorshipcoordinator@oakleafsports.net Tax Exempt ID: 38-3817246 OSA Sponsorship Order Form Become

More information

The Need for Data Compression. Data Compression (for Images) -Compressing Graphical Data. Lossy vs Lossless compression

The Need for Data Compression. Data Compression (for Images) -Compressing Graphical Data. Lossy vs Lossless compression The Need for Data Compression Data Compression (for Images) -Compressing Graphical Data Graphical images in bitmap format take a lot of memory e.g. 1024 x 768 pixels x 24 bits-per-pixel = 2.4Mbyte =18,874,368

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

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

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

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

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

In order to manage and correct color photos, you need to understand a few

In order to manage and correct color photos, you need to understand a few In This Chapter 1 Understanding Color Getting the essentials of managing color Speaking the language of color Mixing three hues into millions of colors Choosing the right color mode for your image Switching

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

Reading The Histogram

Reading The Histogram Reading The Histogram Here we explain the use of the Histogram, helping you to spot whether your photographs are under or over exposed. Task Take 3 photographs of the same thing, one at an EV of -2, one

More information

A Digital Imaging Primer

A Digital Imaging Primer A Digital Imaging Primer Nick Dvoracek Media Services University of Wisconsin Oshkosh dvoracek@uwosh.edu 2003 Contents Two ways that computers make pictures 1 The basic unit of digital images 2 Resolution

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

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

What is Photography?

What is Photography? What is Photography? Photography is the art or job of taking or making photographs. It is the creation of images by exposing film or a computer chip to light inside a camera. The word photography comes

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

Section 1. Adobe Photoshop Elements 15

Section 1. Adobe Photoshop Elements 15 Section 1 Adobe Photoshop Elements 15 The Muvipix.com Guide to Photoshop Elements & Premiere Elements 15 Chapter 1 Principles of photo and graphic editing Pixels & Resolution Raster vs. Vector Graphics

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

An Introduction to Layers, Masks and Channels in Photoshop

An Introduction to Layers, Masks and Channels in Photoshop An Introduction to Layers, Masks and Channels in Photoshop Roy Killen, GMAPS, EFIAP, GMPSA (c) 2017 Roy Killen Layers, Masks and Channels Page 1 Two approaches to image editing When images are edited in

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

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

Lecture - 3. by Shahid Farid

Lecture - 3. by Shahid Farid Lecture - 3 by Shahid Farid Image Digitization Raster versus vector images Progressive versus interlaced display Popular image file formats Why so many formats? Shahid Farid, PUCIT 2 To create a digital

More information

Digital Image Creation and Development

Digital Image Creation and Development Unit 37: Digital Image Creation and Development Unit code: Y/601/6721 QCF Level 5: BTEC Higher National Credit value: 15 Aim This unit aims to develop skills and understanding in sourcing, creating, developing

More information