From Image Capture to Digital Output. In looking at this we shall consider the following… Quantisation. Quantisation Error. Interpolation. Viewing images.

Slides:



Advertisements
Similar presentations
Unit 30- Digital Graphics THEORY P2 and D2
Advertisements

Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.
ISYS 3074 Graphics File Formats File formats have developed with applications. At least 50 currently in use. Examples include: GIF, JPEG, TIFF, BMP, DIB,
Graphics in the web Digital Media: Communication and Design
Digital Photography What do you need to Know?. Advantages of Digital Camera over Film Cameras Speed: Images recorded by the camera can be transmitted.
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
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.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
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.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Scanning for PowerPoint FThe most common problem encountered with creating PowerPoint presentations is … File size File size PowerPoint file size become.
Dean Pentcheff NHMLAC MBPC/Crustacea 17 April 2006.
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.
Simple Graphics. Graphics Used in PowerPoint, Web pages and others Basic Knowledge drawing change of colour, shape and others acquiring, video camera,
Photoshop Software Rasterized, file formats, and printing choices.
Bit-Mapped Graphic Data: Input (Capture) Hardware Multimedia – Section 2.
Web Image Basics Comp 140 December 2. Vector Graphics Can be repositioned or resized – Will not diminish output quality Typically stored in AI, EPS, PICT.
Multimedia Elements II Graphics, Digital Video. UIT - Multimedia Production2 Multimedia Elements Multimedia elements include: Text Graphics Animation.
Graphics and Images Communicating Information : Documents and Publications.
Image Representation. Objectives  Bitmaps: resolution, colour depth and simple bitmap file calculations.  Vector graphics: drawing list – objects and.
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.
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.
By Millie and Ellece. D IFFERENT T YPES OF G RAPHICS Bitmap Formats JPEG GIF PNG PSD TIFF.
Graphics workshop Library and Information Services University of St Andrews.
44212: Web-site Development Optimising Images for Web-pages Ian Perry Room:C49 Extension:7287
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
Which is the Pink Pen? Here is the Pink Pen (Example taken from
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $
Things to Remember When working with digital images.
Raster Graphics 2.01 Investigate graphic image design.
Scanning Basics. An image can be created, opened, edited, and saved in over a dozen different file formats in Photoshop. Of these, you might use only.
Digital Images are represented by manipulating this…
Information Technology Images: Types, Resolution and Techniques.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
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.
Vocabulary Worksheet Answers
Slide 1 Graphics (Characteristics 1) Images have various characteristics that affect performance Size (number of pixels) – Large images can be several.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Information Systems Design and Development Media Types Computing Science.
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Exploring Computer Science - Lesson 3-4
Pixel, Resolution, Image Size
2.01 Investigate graphic image design.
Exploring Computer Science - Lesson 3-4
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
LET’S LEARN ABOUT GRAPHICS!
1.01 Investigate graphic types and file formats.
An Introduction to Scanning and Storing Photographs and Graphics
Resolution and Printing Tips
Representing Images 2.6 – Data Representation.
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Creating Digital Graphics
Comp 20 - Training & Instructional Design
Presentation transcript:

From Image Capture to Digital Output

In looking at this we shall consider the following… Quantisation. Quantisation Error. Interpolation. Viewing images on lower dpi equipment. Interpolation.

The Solar Cell

Convert light levels to voltage…

Quantisation Back to those zeros and ones… If we store a single reading using 2 bits we can record the following light levels… BinaryDecimal What do we do with a reading of 0.5?

Quantisation Error whiteGrey 1Grey White 000

Quantisation Errors on the Right.

Effects of poor image resolution Source image1Bit Monochrome (Poor image resolution)

Increase the image resolution… Source image 1 Bit Monochrome Image “better” resolution.

Effects of poor resolution…

A low resolution image may look ok as a postage stamp…

But blow it up…

How to enlarge a picture and keep the quality (Interpolation)… Stretch it out and you get …

Interpolation… Spreads out the pixels and then fills in the gaps – the pixels don’t get bigger…

Interpolated Enlargement…

Considering Monitor Resolution Let’s assume we scanned the above image at 600dpi.

Print on paper A4 (600 dpi) –Image size is… –29 x 21 cm Display on a monitor (72dpi) –Image size is… –2.45 x 1.73 m

Which means…

Q. What happens if you give a student a monitor which will run at 1280 X 960? Viewed at 800 x 600

Some tips for presenting graphics on the Web. Use Web friendly formats (gif, jpeg, png) not Web hostile ones (tiff, bmp) Make use of compression if it doesn’t effect quality. Watch height width and colour settings. If you must use high quality pictures create thumbnails. Indicate the size of the file on any related links.