Red Green Blue (RGB) Colour conversions Y and RGB Link In the images, the lighter the colour intensity (Red, Green, Blue), the more the contribution.

Slides:

Advertisements

Similar presentations

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.

Advertisements

Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.

Color COM 366 Web Design & Production. RGB color Amount of light in each channel Closer to 255, whiter color gets Every color has value for red,

ISYS 3074 Graphics File Formats File formats have developed with applications. At least 50 currently in use. Examples include: GIF, JPEG, TIFF, BMP, DIB,

Designing for Web stuff you need to know before you start.

Graphics in the web Digital Media: Communication and Design

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.

File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.

Image and Sound Editing Raed S. Rasheed Image Image. Digital image. – Raster images. – Vector Images. – Stereo Images. – Image File Formats Lossless.

1 Internet Graphics. 2 Representing Images  Raster Image: Images consist of “dots” of color, not lines  Pixel: Picture element-tiny rectangle  Resolution:

Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,

WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.

Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.

Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.

1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.

Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in.

Foundations of Web Design I Photoshop CS5 Michael Daniel

Images Data Representation. Objectives  Understand the terms bitmap & pixel  Understand how bitmap images are stored using binary in a computer system.

Measurements in Fluid Mechanics 058:180:001 (ME:5180:0001) Time & Location: 2:30P - 3:20P MWF 218 MLH Office Hours: 4:00P – 5:00P MWF 223B-5 HL Instructor:

SOFTWARE TYPES Word processing Page layout Paint Draw.

THE THEORY & CONCEPTS Lesson 1 – Part 1. What is Graphic Design It’s a CREATIVE PROCESS Undertaken in order to convey a specific message/s I can’t teach.

1 Web Developer Foundations: Using XHTML Chapter 4 Key Concepts.

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.

1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.

1 Imaging Techniques for Flow and Motion Measurement Lecture 2 Lichuan Gui University of Mississippi 2011 Digital Image & Image Processing.

By Millie and Ellece. D IFFERENT T YPES OF G RAPHICS Bitmap Formats JPEG GIF PNG PSD TIFF.

CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.

Graphics workshop Library and Information Services University of St Andrews.

Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,

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.

Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color.

2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.

Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.

Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.

Pixels Minute University Richard Fisher 2/4/2002 Richard Fisher2 PixelsPixels  Picture Element  A single point in an electronic image  The.

Chapter 12 Web Publishing. Goals Become an image optimization master Get a handle on Web file formats, including SVG and SWF Learn about Web image color.

Images. Digital Images Rectangular arrays of pixel data Pixel - picture element, smallest addressable part of the frame buffer. Color depth - the depth.

Color Web Design Professor Frank. Color Displays Based on cathode ray tubes (CRTs) or back- lighted flat-screen Monitors transmit light - displays use.

CSCI-100 Introduction to Computing Hardware Part II.

Data compression. lossless – looking for unicolor areas or repeating patterns –Run length encoding –Dictionary compressions Lossy – reduction of colors.

Digital Images are represented by manipulating this…

POWERPOINT PLUS 11/17/07 Class Notes. WHAT IS A PIXEL A pixel is a number that represents the intensity of light at a square spot in the picture. Pixels.

Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.

Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.

Image File Formats By Dr. Rajeev Srivastava 1. Image File Formats Header and Image data. A typical image file format contains two fields namely Dr. Rajeev.

HTTP transaction with Graphics HTML file + two graphics files.

Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.

Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.

Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.

Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.

8th Lecture – Intro to Bitmap or Raster Images

What is a digital image ? 1.

DIGITAL MEDIA FOUNDATIONS

Sampling, Quantization, Color Models & Indexed Color

Binary Representation in Audio and Images

Introduction to raster graphics

Raster Images CPSC 1030.

2D Drawing Basics 1.

LET’S LEARN ABOUT GRAPHICS!

Graphics Basic Concepts.

Сабақтың тақырыбы: Компьютерлік графика негіздері

Representing Images 2.6 – Data Representation.

MED 2001 Advanced Media Production

Nuts and Bolts of Digital Imaging

COMS 161 Introduction to Computing

Colors Computers build colors from Red, Green, and Blue; not Red, Blue, and Yellow. RGB = Red Green Blue Creating Colors Red + Blue = Purple No Red, No.

Basic Concepts of Digital Imaging

timo. fi (59003) www. biocenter

Exam Objectives: Identify Design Elements When Preparing Images

Creating Digital Graphics

Presentation transcript:

Red Green Blue (RGB)

Colour conversions

Y and RGB Link In the images, the lighter the colour intensity (Red, Green, Blue), the more the contribution it has.

Colour Image Capture and Conversion

Graphics Elements Key elements of an image are: The picture resolution. This is defined by the number of pixels in the x- and y-directions. The number of colors per pixel. If N bits are used for the bit color then the total number of displayable colors will be 2 N. For example, an 8-bit color field defines 256 colors, a 24-bit color field gives 2 24 or 16.7M colors. Most computer systems allow for 32-bit color, which gives over 4 billion colors. Palette size. Some systems reduce the number of bits used to display a color by reducing the number of displayable colors for a given palette size.

Image Resolution

Graphics Formats

Graphics file magic numbers Description Extension Magic Number Adobe Illustrator.ai [%PDF] Bitmap graphic.bmp 42 4D [BM] JPEG graphic file.jpg FFD8 JPEG 2000 file.jp C6A D0A [....jP..] GIF graphic file.gif [GIF89] TIF graphic file.tif [II] PNG graphic file.png E 47.PNG Photoshop Graphics.psd [8BPS] Windows Meta File.wmf D7 CD C6 9A PDF Document.pdf [%PDF] Link [ ] E 47 0D 0A 1A 0A D PNG IHDR [ ] F C C W.'

Sample Compression Rates

Compression with highly redundant information

GIF Colour Table

GIF File Format Link

LZW Compression R G B R R B G R R G B B G G R R LZW Table Entry Colour 0 Red 1 Blue 2 Green 3 Black 4Red, Green 5 Green, Blue 6 Blue, Red 7 Red, Red 8 Red, Blue 9 Blue, Green 10 Green, Red 11 Red, Red, Green 12 Green, Blue, Blue 13 Blue, Green, Green 14 Green, Red, Red