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.

Slides:



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

Book Scanning & Digital Image Production The VRC Guide to Imaging By Kate Stepp.
CGA 115 Professor Mary A. Malinconico. Questions from Last Week ????????
Resolving the Problem Resolution: Concepts & Definitions.
Monitor Sizes Monitor sizes in the US are measured in inches, diagonal distance. 20” (inches)
2.01 Understand Digital Raster Graphics
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
V Obtained from a summer workshop in Guildford County July, 2014
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
What is digital resolution all about? Jellybean portrait shows us how units of color placed together make an image.
 Scanned or digitally captured image  Image created on computer using graphics software.
Pixels, PPI, DPI, and LPI for Scanning, Printing, and Web Publishing
BY XAI LAO Photoshop: How to Image Size a Photo for Web – Beginner’s Guide ICT 710 | Learning Technologies | November 2011 by Xai Lao.
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
Digital Colour Theory. What is colour theory? It is the theory behind colour mixing and colour combination.
Image size and Image Sensors. Look at an image in Photoshop Two ways to specify Image size…
Analog and Digital Cameras  History of Digital cameras  Advantages and Disadvantages / Similarities and Differences of both types of cameras  Types.
Fundamentals of Photoshop
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Vector vs. Bitmap
Megapixels. Intro When you are going to purchase a camera, two very important questions should be asked:
2.01D Investigate graphic image design. Image Resolution.
Color and Resolution Introduction to Digital Imaging.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Which is the Pink Pen? Here is the Pink Pen (Example taken from
Computer Graphics An Introduction Jimmy Lam The Hong Kong Polytechnic University.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
 Scanned or digitally captured image  Image created on computer using graphics software.
Adobe Photoshop Setting Up An A3 Poster. A3 You are required to produce a poster This poster needs to be A3 in size – twice the size of a normal (A4)
CS1033 Pixel and Resolution
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.
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.
Vocabulary Worksheet Answers
Welcome to the Technical Communication Lab Graphics Orientation.
Advanced AV Production Practicum Math for The Audio Video Professional Calculating Single File Sizes Copyright © Texas Education Agency, All rights.
Eric Kincaid. Adobe Photoshop  Adobe Photoshop is a graphics editing program developed and published by Adobe Systems Incorporated.  1987-Thomas Knoll,
RASTERIZING SHAPES IN PHOTOSHOP RASTERIZE: A process in Photoshop of converting a vector image into a bitmap (or raster) image VECTOR: A vector image is.
Guilford County SciVis V104.03
What are the pros and cons of different image formatting?
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
Images Data Representation.
Data Representation Images.
Representing images.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Screen and Image Resolution
Vector vs. Bitmap.
Pixel, Resolution, Image Size
2.01 Understand Digital Raster Graphics
Units of Measurement, Image Resolution, & Color Mode
Graphics Basics Ellen Eyth.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Artwork considerations
ImageEditing Understanding Image Resolution.
Screen and Image Resolution
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Nuts and Bolts of Digital Imaging
Basic Concepts of Digital Imaging
Can you calculate the actual file size of a computer image
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Photoshop: Image size and resolution
Screen and Image Resolution
Presentation transcript:

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 Bit Depth Information (as in number of colors possible) -- this will depend on Resolution

Pixel - As a unit of measurement The smallest unit of measurement in a image

Pixel - Color Space Color Space information is represented in –RGB –CMYK –HSB

Pixel - Resolution Info. Resolution is represented in Pixels Per Inch (PPI) - –The higher the resolution, the higher the print quality, the lower the resolution, the lower the print quality –72PPI (Screen Resolution –300 PPI (most common print resolution) –1200PPI (slides) Resolution is represented in Dots Per Inch (DPI) –Refers to the maximum resolution of a printer –Printer X prints Y number of dots (representing color) per pixel. The larger number of DPI printing in a pixel, the better quality of the printed image.

Bit Depth Information A pixel includes Bit Depth Information representing “number” of colors possible. Bit Depth is represented in “Zeros” and “Ones” How many colors? This will depend on the number of bits per pixel (bpp) of an image. –To check: open image in Photoshop -> Menu -> Image ->

The higher the bit depth, the more detail you see in an image 1 bit color is 2 1 =2 colors 2 bit color is 2 2 =4 colors 3 bit color is 2 3 =12 colors 4 bit color is 2 4 =16 colors Bla bla bla 8 bit color is 2 8 =256 colors 12 bit color is 2 12 =4096 colors 16 bit color is 2 16 =65536 colors 24 bit color is 2 24 = colors 32 bit color is 2 32 = colors 1 bit 4 bit 8 bit

Exercise Calculate how many colors are in a 44 bit image? How many pixels are in screen resolution image of one inch?