Monitor Sizes Monitor sizes in the US are measured in inches, diagonal distance. 20” (inches)

Slides:



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

Digital Image Resolution Image Resolution Preparing Digital Images For press or monitor presentation.
Resolving the Problem Resolution: Concepts & Definitions.
Multi-media graphics--JOUR 205 Vectors vs. bitmaps.
2.01 Understand Digital Raster Graphics
Illustration & Photography- Ch 9 Creating Graphics Illustration- using images that represent or express to make a visual statement Can show something that.
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?
Vector vs. Bitmap SciVis V
Raster vs Vector and Image Resolution By Josh Gallagan.
V Obtained from a summer workshop in Guildford County July, 2014
What is digital resolution all about? Jellybean portrait shows us how units of color placed together make an image.
Pixels, PPI, DPI, and LPI for Scanning, Printing, and Web Publishing
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Image size and Image Sensors. Look at an image in Photoshop Two ways to specify Image size…
Lecture 3. Fundamentals of Computer Graphics. Computer Graphics, a very broad term Fields Related to Computer Graphics Bitmap/Vector graphics, 2D/3D graphics,
Fundamentals of Photoshop
Dean Pentcheff NHMLAC MBPC/Crustacea 17 April 2006.
Vector vs. Bitmap
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
Understanding Images on the Computer How do images work and why?
Fixing digital images with Photoshop Elements 3 a presentation by Patrick Douglas Crispen California State University, Fullerton.
2.01D Investigate graphic image design. Image Resolution.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Vocabulary Words. 2-stage shutter release is a shutter release, that when pressed halfway, it activates the autofocus and the light meter of the camera,
+ 5 Things you need to know about images* *Images for the web.
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.
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.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
CS1033 Pixel and Resolution
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.
Digital Images are represented by manipulating this…
By: Catyana Brown Information Technology in a Global Society: Multimedia.
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.
Systems Comparing Devices. Decisions have to be made if you have to choose between two different devices. Each different device will have a number of.
In the Know … Technological Vocabulary. Beginning Terms 1. Aperture – the mechanical opening in the lens that lets light in. 2. ASA / ISO – rating given.
What’s MATH got to do with it??? Graphic Design… Copyright © Texas Education Agency, All rights reserved.
Advanced AV Production Practicum Math for The Audio Video Professional Calculating Single File Sizes Copyright © Texas Education Agency, All rights.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Guilford County SciVis V104.03
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
 Many people like the flexibility of digital images. For example:  They can be shared by attaching to /uploading to Internet  Sent via mobiles.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
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.
Getting to know your camera.
Exploring Computer Science - Lesson 3-4
Images Data Representation.
2.01 Understand Digital Raster Graphics
What is digital resolution all about?
Exploring Computer Science - Lesson 3-4
Screen and Image Resolution
Vector vs. Bitmap.
Pixel, Resolution, Image Size
Important Information
Exploring Computer Science - Lesson 3-4
Resolution and Printing Tips
Screen and Image Resolution
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
What is digital resolution all about?
Can you calculate the actual file size of a computer image
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Screen and Image Resolution
Presentation transcript:

Monitor Sizes Monitor sizes in the US are measured in inches, diagonal distance. 20” (inches)

Aspect Ratio 16 16 10 12 4:3 is most common  16:12 16:10 is common for wide screens 16 16 10 20” (inches) 12 18.87” (inches)

Aspect Ratio 16 15 10 12 5:4 is common for LCD’s (non-widescreen) 19” (inches) 12 18.87” (inches)

PPI / DPI 15” 12” Displays: Pixels Per Inch Printers: Dots Per Inch 60, 72, 96 are common Printers: Dots Per Inch 300, 600, 1200 are common 96X15 = 1440px wide 96X12 = 1152px high 1440px wide 15” 19” (inches) 12”

Over-Sampling 15” 12” 7 Megapixel photo 2880×2304 5:4 6,635,520 pixels. 32-bit color  2^32 = 4 billion different colors 4 bytes per pixel Grand total 24+ Megabyte file without compression. What happens when you display this image full-screen on this monitor? 1440px wide 15” 19” (inches) 12”

Over-Sampling Original Picture What you really see on a 19” monitor.

Printing 11” X 8.5” 600 DPI printing How much resolution? 600 X 11 = 66,000 dot or pixels across 11” X 8.5”

Under-sampling Original Picture What you see on printed photograph Original picture could have been sampled at a higher rate and the printed version would look better.

Printing Issues? Is over sampling ever an issue when your output is a printed photo? Even though most digital photos (10 Megabits or smaller) are under-sampled, why doesn’t it matter?

Crux of over-sampling? Device perspective: What the device can produce in terms of resolution. 600 DPI is necessary for printing fonts, Why? Human perspective: What the human can perceive with the naked eye. 600 DPI is overkill for printing photographs. Why?

Resolution Depends on Content Fonts are in fact vector-based, limitless resolution. Fonts have smooth curves Human eye can see jaggies in fonts are 120 DPI. Photographs have blended colors and gradients. Unless there are miniscule details, Human eye can not see jaggies in photos that are 120 DPI.

Practical Advice Modern digital photography (10 Megapixels) is way ahead of display resolution. However, modern digital photography is still behind of print resolution. Unless you are going to print, 5+Mp is enough. Example: 8 X 10 vs 16 X 20.