Pixilation and Resolution name:

Similar documents
Digital Imaging Rochester Institute of Technology

Optimizing Images and Video for an LED Display

RGB COLORS. Connecting with Computer Science cs.ubc.ca/~hoos/cpsc101

Image Processing (EA C443)

Chapter 7 Math Guide

4/9/2015. Simple Graphics and Image Processing. Simple Graphics. Overview of Turtle Graphics (continued) Overview of Turtle Graphics

Scanning Archival Images

1. Use Pattern Blocks. Make the next 2 figures in each increasing pattern. a) 2. Write the pattern rule for each pattern in question 1.

STANDARDS? We don t need no stinkin standards! David Ski Witzke Vice President, Program Management FORAY Technologies

Oz-iTRAIN. Cadsoft Australia and New Zealand. Envisioneer Render Settings. rendering in Envisioneer.

PENGENALAN TEKNIK TELEKOMUNIKASI CLO

Acquisition and representation of images

Filtering in the spatial domain (Spatial Filtering)

Digital Image Processing

Understanding Matrices to Perform Basic Image Processing on Digital Images

Digital Image Fundamentals. Digital Image Processing. Human Visual System. Contents. Structure Of The Human Eye (cont.) Structure Of The Human Eye

Digital Image Fundamentals. Digital Image Processing. Human Visual System. Contents. Structure Of The Human Eye (cont.) Structure Of The Human Eye

Digital Image Processing

Screening Basics Technology Report

Filters. Materials from Prof. Klaus Mueller

Elements of Design. Basic Concepts

Digital Art Requirements for Submission

Create a Portrait. of JUMPIN JACK. Sketch Puppy Proportions. Outline a puppy s face, shade his eyes and nose, and add texture to his fur with hatching

Introduction to DSP ECE-S352 Fall Quarter 2000 Matlab Project 1

Topic 6 - Optics Depth of Field and Circle Of Confusion

Acquisition and representation of images

ECC419 IMAGE PROCESSING

Image Representation and Processing

Lecture 1: image display and representation

Images Rosette Occurrence Eradication on Corrugated Carton Packages printed by Flexographic Post-Printing

University Of Lübeck ISNM Presented by: Omar A. Hanoun

Image and Multidimensional Signal Processing

ADOBE PHOTOSHOP CS 3 QUICK REFERENCE

Digital images. Digital Image Processing Fundamentals. Digital images. Varieties of digital images. Dr. Edmund Lam. ELEC4245: Digital Image Processing

Lesson #1 Secrets To Drawing Realistic Eyes

84 part video tutorial training course. The course is 100% free with no catches or exclusions. You don

Digital Images. CCST9015 Oct 13, 2010 Hayden Kwok-Hay So

Activity 1: Make a Digital Camera

These aren t just cameras

Vector VS Pixels Introduction to Adobe Photoshop

TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES

NAME DATE CLASS NOTES

Pre-LAB 5 Assignment

Using Curves and Histograms

ITP 140 Mobile App Technologies. Images

Fundamentals of Multimedia

Activity. Image Representation

Adding Objects Creating Shapes Adding. Getting Started Creating a Workspace Pages, Masters and Guides Adding Objects Creating Shapes Adding

A smaller drawing space in proportion to these sizes works just as well.

Introduction to Color Theory

Introduction to Digital Imaging CS/HACU 116, Fall 2001 Digital Image Representation Page 1 of 7

Six stages with rational Numbers (Published in Mathematics in School, Volume 30, Number 1, January 2001.)

Human Vision and Human-Computer Interaction. Much content from Jeff Johnson, UI Wizards, Inc.

SECTION I - CHAPTER 2 DIGITAL IMAGING PROCESSING CONCEPTS

Optical Illusion Sketchbook Project Art 1201

Image Resolution vs. Bit-Depth The perceptual trade-off in a two dimensional image array

Data Representation. "There are 10 kinds of people in the world, those who understand binary numbers, and those who don't."

Making NDVI Images using the Sony F717 Nightshot Digital Camera and IR Filters and Software Created for Interpreting Digital Images.

Digital camera. Sensor. Memory card. Circuit board

In the following sections, if you are using a Mac, then in the instructions below, replace the words Ctrl Key with the Command (Cmd) Key.

Module 4 Build a Game

IMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication

Laser Photo Engraving By Kathryn Arnold

Your Task. Unit 3 (Chapter 1): Number Relationships. The 5 Goals of Chapter 1

Image Enhancement using Histogram Equalization and Spatial Filtering

Short Introduction to Planes Not on EL VPs (Pitches and Inclined Planes)

Exploring the Earth with Remote Sensing: Tucson

University of North Carolina-Charlotte Department of Electrical and Computer Engineering ECGR 3157 Electrical Engineering Design II Fall 2013

The Junior Woodchuck Manual of Processing Programming for Android Devices

Firas Hassan and Joan Carletta The University of Akron

Instructions. To run the slideshow:

Q A bitmap file contains the binary on the left below. 1 is white and 0 is black. Colour in each of the squares. What is the letter that is reve

Graphics for Web. Desain Web Sistem Informasi PTIIK UB

Pastel Academy Online Tone and How to Shade

IMAGE ENHANCEMENT - POINT PROCESSING

Digital Images. Digital Images. Digital Images fall into two main categories

PASS Sample Size Software

Sampling and Reconstruction

Copies of the Color by Pixel template sheets (included in the Resources section). Colored pencils, crayons, markers, or other supplies for coloring.

BacklightFly Manual.

Unit 4.4 Representing Images

MICROSCOPE LAB. Resolving Power How well specimen detail is preserved during the magnifying process.

Creating Digital Artwork

Digital Imaging - Photoshop

Scrabble Board Automatic Detector for Third Party Applications

THE CCD RIDDLE REVISTED: SIGNAL VERSUS TIME LINEAR SIGNAL VERSUS VARIANCE NON-LINEAR

DSP First Lab 06: Digital Images: A/D and D/A

CS 445 HW#2 Solutions

Lesson 16: Relating Scale Drawings to Ratios and Rates

MADE EASY a step-by-step guide

Grade 6/7/8 Math Circles April 1/2, Modular Arithmetic

Lane Detection in Automotive

Bridge to College Mathematics Unit 3. Measurement and Proportional Reasoning Student Manual

Resizing images for the web using. Version 1.3. WrightWay. Design.

CS 548: Computer Vision REVIEW: Digital Image Basics. Spring 2016 Dr. Michael J. Reale

Keeping secrets secret

STAB22 section 2.4. Figure 2: Data set 2. Figure 1: Data set 1

Positive & Negative Space = the area around or between a design. Asymmetrical = balanced but one part is small and one part is large

Filters for the digital age

Advanced Photoshop Tutorial: RTVF Chairs

Transcription:

Pixilation and Resolution name: What happens when you take a small image on a computer and make it much bigger? Does the enlarged image look just like the small image? What has changed? Take a look at the example below: How are the two pictures different? Similar? Ans: small looks sharp while large looks grainy. Both have same image distribution, but larger one is scaled up. What you are experiencing is a phenomenon called pixilation. But what is a pixel? And why does pixilation occur? Let s first discuss what a pixel is. From your past experiences with pixels, jot down in the space below what a pixel is. Think about where you have seen pixels and where you have heard the term used. A class discussion will follow. Ans: unit cell that stores information about how much light intensity hits it. Pixels are arranged in a matrix (grid) to build up a full image. The smallest element of a digital picture.

A pixel is actually short for picture element, where pix is commonly used as an abbreviation for picture. A pixel is essentially the tiny dot that makes up a digital image. A large group of pixels, usually arranged in table of rows and columns, is used to capture or display an image. What are some examples of this? Ans: digital camera captures image onto high density matrix of pixels. Screen on camera displays captured image by lighting up pixel matrix. Let s first talk about how a group of pixels can capture an image. As seen below, consider a pixel grid of 6x6 pixels. As an analogy, think of each pixel as being a bucket that holds water where the water is like light. 6x6 pixel grid or bucket grid What happens when you put water into a bucket? Unless the water is frozen, the water takes the form of the bucket and will spread out evenly in the bucket. The bucket knows nothing of the shape of the water if it was previously frozen. So imagine placing a frozen sheet of ice over the buckets. This sheet of ice happens to be thick in some places and thin in other places. When the ice melts, each bucket will capture an amount of water proportionate to the amount of ice directly above it. Do you see how this translates into pixels? The bucket is the pixel, the ice is the image, and the buckets filled with water are the captured image in the pixels. So when a pixel is used to capture an image, the pixel doesn t care about the shape of the light that it captures, but only how much light it receives. In this exercise we will only consider black-and-white images for simplicity. When the pixel or bucket is full of water (full of light), it can be represented by the color white. When the bucket receives no water (gets no light) it can be represented by the color black. But what happens if the bucket is half full of water (pixel is half full of light)? 1/4 full? 3/4 full? 1/16 full? Discuss your answer below: Ans: use grayscale representation. Middle gray for 1/2 and so on.

You may have guessed it, but what is between black and white? Gray. We can use shades of gray for these mid-tones. Depending on how expensive the pixel grid that you use is, and how good the electronics are for it, the levels of gray can be broken up into a few or a lot of shades. Typically, the human eye is sensitive to 256 shades of gray. However, we are only going to consider the 5 shades in the legend below. % Gray 100% 75% 50% 25% 0% Shade Gray Remember that white means 100% full, and black means 0% full. The shades of gray are somewhere in between. Now let s practice a bit. In the 1 st column of the table is a single pixel with an ice image over it. In the second fill in how full the pixel will be when it captures the image. In the last column shade in the pixel to show how full it is. Don t forget to use the grayscale legend above. The first one is done for you. The smallest fraction we will deal with here is ¼. Pixel with ice (light) image above % full the pixel will be when the ice melts ½ or 50% Shaded gray pixel with water captured

Now, using the same techniques, let s do the same thing on an image. Remember that each cell in the grid is a pixel. The grid on the top has an image superimposed on top of it. On the bottom, you need to shade in the grayscale that the pixel will have when it has captured the image.

Do the same thing, but now let s make the pixels half the size. How does the captured image change compared to the previous?

What would happen if you made the pixels ½ as big again? And again? And again? Ans: better representation of the shape of the actual image How does the number of shades of gray affect the outcome of the captured image? Ans: more shades of gray will have better blending and will improve capture image significantly. Having few shades of gray is essentially pixilation in color vs spatial distribution. Comment on how pixilation affects a curved shape? Use sketches if necessary. Ans: curves will look like a staircase How is this similar to the task where we were trying to figure out what was on the bottom of the lake? How is it different? What role does pixilation play in this task? How could the pixilation be fixed? Ans: each sample of the lake floor is a pixel. The height information from the measurement is the shade of gray. Pixilation is dependent on how many samples are taken, the density of measurements. Could be improved by taking more samples, and making the sampling probe smaller (smaller pixel).