DIP 9 65 Original 210 Eye Zoomed.

Slides:



Advertisements
Similar presentations
Pixels and Digital Images Yrd. Doc. Dr. Ahmet Sayar Kocaeli Universitesi Bilgisayar Muhendisligi Ileri Bilgisayar Grafikleri.
Advertisements

CSE111: Great Ideas in Computer Science Dr. Carl Alphonce 219 Bell Hall Office hours: M-F 11:00-11:
CSE115: Introduction to Computer Science I Dr. Carl Alphonce 219 Bell Hall 1.
School of Computing Science Simon Fraser University
Color.
First Bytes - LabVIEW. Today’s Session Introduction to LabVIEW Colors and computers Lab to create a color picker Lab to manipulate an image Visual ProgrammingImage.
Image Representation.
CSC Computing with Images1 Image encodings CSC 1040.
CSc 461/561 CSc 461/561 Multimedia Systems Part A: 2. Image.
Bitmapped Images 27 th November 2014 With Mrs
1 Internet Graphics. 2 Representing Images  Raster Image: Images consist of “dots” of color, not lines  Pixel: Picture element-tiny rectangle  Resolution:
Digital Colour Theory. What is colour theory? It is the theory behind colour mixing and colour combination.
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
CMYK vs. RGB Design. Primary colors The colors that make up the base for every other color created. Depending on whether you are looking at it from science,
Welcome Topic: Pixels A.M.Meshkatur Rahman Class: vii Roll: 07.
07: Color in Interactive Digital Media
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.
Colours and Computer Jimmy Lam The Hong Kong Polytechnic University.
What are the five colors in the legend? Enter the information below (5 points) 0000FF = = FFFFFF = 00FF00 = FF0000 = Color Theory Legend: income.
1 After completing this lesson, you will be able to: Identify the key differences between analog and digital technologies. Define digital camera terms,
Color and Resolution Introduction to Digital Imaging.
Color on Computers. Bits and Bytes Bit: a single piece of yes/no or 0/1 data Two bits can code 4 items (00, 01, 10, 11) Three bits = 8 (000, 001, 010,
CSC Computing with Images
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
W2D1. HSV colour model Source: Primary colours Red Green Blue Secondary Cyan Magenta.
CS1033 Pixel and Resolution
Ch 6 Color Image processing CS446 Instructor: Nada ALZaben.
By: Ashley. Spot Color Spot color refers to the process of selecting text or a graphic object such as a circle and then adding a spot of color to it.
CS 111 – Sept. 3 More data representation Review hex notation Text –ASCII and Unicode Sound and images Commitment: –For Wednesday: Please read pp
Elements of Design 1.02 Investigate Design Principles and Elements.
CS 101 – Sept. 14 Review Huffman code Image representation –B/W and color schemes –File size issues.
The Web. Web Servers and File Transfer Protocol (FTP)
RGB vs. CMYK Screen vs. Print.
4. Value & Color Motion is a kind of change, and change takes place in time. Motion can be implied, as well as literal.
Presenter Name: Mahmood A.Moneim Supervised By: Prof. Hesham A.Hefny
Multimedia and weBLOGging Grade 7-9 | Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 03 - Still Picture 01 – Basics.
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.
Images Data Representation.
Data Representation Images.
Image Processing Objectives To understand pixel based image processing
Sampling, Quantization, Color Models & Indexed Color
25.2 The human eye The eye is the sensory organ used for vision.
Image Processing CS177.
The Colour of Light: Additive colour theory.
ივანე ჯავახიშვილის სახელობის
Digital Image Formation
RGB Color Model CMY Color Model.
COLOR November 16, 1998.
COMS 161 Introduction to Computing
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
Computer Graphics Using “Adobe Photoshop”
Colour Theories.
Programming Graphic LCD
Light Light has wave-like properties
Programming Graphic LCD
Two ways to discuss color 1) Addition 2) Subtraction
Programming Graphic LCD
Nuts and Bolts of Digital Imaging
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
Programming Graphic LCD
Programming Graphic LCD
Programming Graphic LCD
Digital Image Processing
Basic Concepts of Digital Imaging
timo. fi (59003) www. biocenter
Visuals are analog signals...
Non-numeric Data Representation
Color Box Button - Gray Type : object Type : object Type : object
Presentation transcript:

DIP 9 65 Original 210 Eye Zoomed

DIP Original Blur Sharp Edges

Bits per pixel (bpp) Black color = 0

Image size Image size depends on: 1. Number of image rows 2. Number of image columns 3. Number of bits per pixel (bpp) Image size = rows * columns * bpp

Image size 1024 rows 1024 columns 8 bits per pixel (8 bpp) Image size = 8388608 bits Image size = 1048576 Bytes Image size = 1024 kBytes Image size = 1 MBytes

24-bit color format (RGB) 24-bit color format = True Color Colors are distributed to 3 color channels Color codes 8 Red (255,0,0) Green (0,255,0) 8 Blue (0,0,255) 8 Gray (128,128,128) (40,40,40) (207,207,207)

24-bit color format (CMYK) C – Cyan M – Magenta Y – Yellow K – Black CMYK is used in color printers Color codes Cyan (0,255,255) Magenta (255,0,255) Yellow (255,255,0)

RGB to grayscale conversion Average method Take the average of the three colors (R, G, B) Weighted method Takes into account the structure of the human eye

Average method Grayscale = (R + G + B)/3 The problem is that we take the average of three colors. Different colors have different wavelength and different contribution to image formation. In average method we took 33% of red, 33% of green, 33% of blue (each color have the same contribution to the image).

Weighted method New grayscale image = (0.3 * R) + (0.59 * G) + (0.11 * B) Contribution of red 33%, green 59%, blue 11%.

Example R = 206; G = 134; B = 84 Average method new pixel: Weighted method new pixel: X2 = 0.3*206+0.59*134+0.11+84=150.1=150 Weighted method usually gives brighter result.

Resolution For example: monitor resolution: 800 x 600 pixels smart phone resolution: 720 x 1280 pixels If the image has M rows and N columns, the resolution is M x N. Megapixels of the camera: 2500 x 3192 pixels pixel resolution = 2500 x 3192 = 7982350 bytes 7982350 bytes / 1000000=7.9=8Megapixels

Aspect ratio Ratio between the width and heigth of an image (for example 8:9, 16:10)

Example Aspect ratio 6:2, pixel resolution 480000 pixels. Calculate: 1. dimensions of the image 2. Size of the image Solution: c:r = 6:2 (aspect ratio) c*r = 480000 (pixel resolution) bpp = 8

Example c=6*r/2 c=480000/r (6r/2)=480000/r r=400, c=1200 Size=r *c*bpp Image size in bits: 400*1200*8=3840000 bits Image size in bytes: 480000 bytes=48kBytes