CS1033 Pixel and Resolution

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design. Image Resolution.
Advertisements

A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Resolving the Problem Resolution: Concepts & Definitions.
Monitor Sizes Monitor sizes in the US are measured in inches, diagonal distance. 20” (inches)
Graphics in the web Digital Media: Communication and Design
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.
What is digital resolution all about? Jellybean portrait shows us how units of color placed together make an image.
CS110: Computers and the Internet Color and Image Representation.
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.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Lecture 3. Fundamentals of Computer Graphics. Computer Graphics, a very broad term Fields Related to Computer Graphics Bitmap/Vector graphics, 2D/3D graphics,
Color Names All standards-compliant browsers should handle these color names These color names can be used with the CSS properties of color and background-color.
2 pt 3 pt 4 pt 5pt 1 pt 2 pt 3 pt 4 pt 5 pt 1 pt 2pt 3 pt 4pt 5 pt 1pt 2pt 3 pt 4 pt 5 pt 1 pt 2 pt 3 pt 4pt 5 pt 1pt Terms 2 Terms 3 Terms 4 Terms 5 Terms.
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.
Digital Media SM1001 Digital Media, Semester A School of Creative Media © Week 04, 2011 Digital Image (Part 1 of 2) An introduction to the technical side.
Objective Understand concepts used to create digital graphics. Course Weight : 15% Part Three : Concepts of Digital Graphics.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Megapixels. Intro When you are going to purchase a camera, two very important questions should be asked:
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.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
The human eye. What you see l L H Cross Section through the Retina.
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:
Graphics workshop Library and Information Services University of St Andrews.
File Sizes & Storage Requirements.  An image has a width in pixels and a height in pixels  Start by calculating the number of pixels all up  640 x.
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
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.
Introduction to Image Processing. Image Processing is the steps of using image processing tools to covert different kinds of image sources into different.
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.
Images. Digital Images Rectangular arrays of pixel data Pixel - picture element, smallest addressable part of the frame buffer. Color depth - the depth.
Images Size & The Web. When putting your photos on the Web or sending them by , the smaller you can get them, the better. One simple thing you can.
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.
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.
In the Know … Technological Vocabulary. Beginning Terms 1. Aperture – the mechanical opening in the lens that lets light in. 2. ASA / ISO – rating given.
Sci Vis I Exam Review Most Missed Review Questions.
Advanced AV Production Practicum Math for The Audio Video Professional Calculating Single File Sizes Copyright © Texas Education Agency, All rights.
Technique Worked Example – Data Representation. Overview -What are the possible subgoals for file size calculation problems? -Exploring an example of.
Demystifying the Pixel. What is a Pixel The smallest unit of measurement in a image It contains color space information in RGB, CMYK, HSB Resolution information.
Storage Requirements Computer Systems.
Text and Images Key Revision Points.
Computer Systems Nat 5 Computing Science Data Representation
Unit 2.6 Data Representation Lesson 3 ‒ Images
GCSE COMPUTER SCIENCE Data 2.2 Characters and Images.
Images Data Representation.
Data Representation Images.
Data Representation.
Representing images.
What is digital resolution all about?
Screen and Image Resolution
Digital Image Formation
Binary 4 File Sizes.
DIP 9 65 Original 210 Eye Zoomed.
GRAPHICS Source:
Screen and Image Resolution
MED 2001 Advanced Media Production
Summer Term Year 10 Slides
What is digital resolution all about?
Computer Systems Nat 4.5 Computing Science Data Representation
Can you calculate the actual file size of a computer image
Pixels, screens & printing
Screen and Image Resolution
Presentation transcript:

CS1033 Pixel and Resolution REVIEW CS1033 Pixel and Resolution http://www.csd.uwo.ca/courses/CS1033/lectures/lecture4/ What should you set the dpi for an image you wish to print? (your own printer) Answer: Set printer resolution at 300 dpi When printing images you should set your printer resolution to 300ppi (dpi) since you can get reasonable 4x6

2. If you have an image that is 400 pixels by 600 pixels and the printer resolution is 200dpi, what size will it print at? Answer: FORMULA is: (pixels inches) Print Size Dimensions(in inches) =pixel dimensions /print resolution 400px / 200dpi = 2 inches 600px / 200dpi = 3 inches Image size : 2 inches x 3 inches

Image size : 1500 pixels x 2100 pixels 3. If you want to print an image at 5” by 7”, what is the minimum size it must be in pixels for it not to look pixelated: Answer: Assumption: Best to use printer resolution 300dpi FORMULA is: (inches  pixels) Print Size Dimensions(in PIXELS) =INCH dimensions x print resolution 5inches x 300dpi = 1500 pixels 7inches x 300dpi = 2100 pixels Image size : 1500 pixels x 2100 pixels

corner of the image in the bottom left corner of the screen) 4. Assume you have an image that is 400 px by 300 px, roughly draw it on the following monitor that has a resolution that is 800 by 600 pixels (put the bottom left corner of the image in the bottom left corner of the screen) Answer: <----- 600 px --- > <----- 600 px --- > 300 400 <-------- 800 px ------ >

5. Draw the same image that is 400 px by 300 px, roughly draw it on the following monitor that has a resolution that is 1600 by 1200 pixels (put the bottom left corner of the image in the bottom left corner of the screen) Answer: --1200 px --- > --600 px --- > 300 400 400 300 <-------- 800 px ------ > <-------- 1600 px --- >

Image size : 4 inches x 6 inches 6. If I have an image that is 600 pixels by 900 pixels and I print it at a resolution of 150 dpi, how big will the image be? Answer: FORMULA is: (pixels inches) Print Size Dimensions(in inches) =pixel dimensions /print resolution 600px / 150dpi = 4 inches 900px / 150dpi = 6 inches Image size : 4 inches x 6 inches

7. Which of the following images will print the largest? 300 pixels by 300 pixels at 100dpi (b) 300 pixels by 300 pixels at 50dpi (c) 300 pixels by 300 pixels at 10dpi (d) They will all be the same size Answer: FORMULA is: (pixels inches) Print Size Dimensions(in inches) =pixel dimensions /print resolution 300/100 and 300/100 = 3” x 3” 300/50 and 300/50 = 6” x 6” 300/10 and 300/10 = 30” x 30”

(b) 300 pixels by 300 pixels at 50dpi 8. Which of the following images will have the largest size (in kilobytes) ? 300 pixels by 300 pixels at 100dpi (b) 300 pixels by 300 pixels at 50dpi (c) 300 pixels by 300 pixels at 10dpi (d) They will all be the same size Answer: Trick question... We are not printing it so we don’t care about the dpi. But uncompressed file size (assume 24bit depth) = (image dimensions) x (<R,G,B> bits) = 300 * 300 * 24bits = 300 * 300 * 3 bytes = 270,000 bytes If 1024 bytes = 1 KB Then 270,000 / 1024 =263.67 Kilobytes (KB)

9. How many Megapixels is an image that is 2000px by 3000px? Answer: Image size = 2000px x 3000px = 6,000,000 px = 6 MB Fact: 1MB = 1,000,000 px

Uncompressed file size (assume 24bit depth) 10. To calculate the number of bytes an uncompressed true colour image (raw) will be, you multiply the width pixels by the height pixels by 3 bytes (1 byte for the red= 28bits,1 byte for the green = 28bits, 1 byte for the blue = 28bits,). This is called a .raw file. Based on the above formula, how many bytes would an image in .raw format be if it was 200 pixels by 300 pixels: Answer: Uncompressed file size (assume 24bit depth) = (image dimensions) x (<R,G,B> bits) = 200 * 300 * 24bits = 200 * 300 * 3 bytes = 180,000 bytes How many KB is it? If 1024 bytes = 1 KB Then 180,000 / 1024 =175 Kilobytes (KB) (to make it easier- round up  180,000/1000 = 180 KB