B.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model)

Similar documents
LECTURE 03 BITMAP IMAGE FORMATS

INTRODUCTION TO COMPUTER GRAPHICS

Digital Imaging & Photoshop

Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web

Bitmap Image Formats

Specific structure or arrangement of data code stored as a computer file.

LECTURE 02 IMAGE AND GRAPHICS

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

CHAPTER 3 I M A G E S

Color, graphics and hardware Monitors and Display

Images and Graphics. 4. Images and Graphics - Copyright Denis Hamelin - Ryerson University

Raster (Bitmap) Graphic File Formats & Standards

Developing Multimedia Assets using Fireworks and Flash

Fundamentals of Multimedia

Graphics for Web. Desain Web Sistem Informasi PTIIK UB

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700.

Factors to Consider When Choosing a File Type

4 Images and Graphics

CGT 211 Sampling and File Formats

Multimedia. Graphics and Image Data Representations (Part 2)

PENGENALAN TEKNIK TELEKOMUNIKASI CLO

HTTP transaction with Graphics HTML file + two graphics files

Digital Images: A Technical Introduction

A raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels.

raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken.

The next table shows the suitability of each format to particular applications.

Image is a spatial representation of an object or a scene. (image of a person, place, object)

Raster Image File Formats

Elements of Design. Basic Concepts

Dr. Shahanawaj Ahamad. Dr. S.Ahamad, SWE-423, Unit-06

Photoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf

Understanding Image Formats And When to Use Them

MOTION GRAPHICS BITE 3623

6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include:

Glossary Unit 1: Hardware/Software & Storage Media

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

STANDARD ST.67 MAY 2012 CHANGES

Lecture - 3. by Shahid Farid

ITP 140 Mobile App Technologies. Images

Indexed Color. A browser may support only a certain number of specific colors, creating a palette from which to choose

How to Avoid Landmines: Managing your Motion Graphics Projects

CGT 511. Image. Image. Digital Image. 2D intensity light function z=f(x,y) defined over a square 0 x,y 1. the value of z can be:

Introduction to Photography

CATEGORY SKILL SET REF. TASK ITEM

Compression and Image Formats

3.1 Graphics/Image age Data Types. 3.2 Popular File Formats

Chapter 3 Graphics and Image Data Representations

CSC 170 Introduction to Computers and Their Applications. Lecture #3 Digital Graphics and Video Basics. Bitmap Basics

Digital Imaging and Image Editing

GUIDELINES & INFORMATION

Digital Imaging - Photoshop

Picsel epage. Bitmap Image file format support

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB

Coreldraw Crash Course

Image Perception & 2D Images

1 Li & Drew c Prentice Hall Li & Drew c Prentice Hall 2003

What You ll Learn Today

COMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing. Digital Images Vector Graphics

Color & Compression. Robin Strand Centre for Image analysis Swedish University of Agricultural Sciences Uppsala University

Digital Image Creation and Development

Vector VS Pixels Introduction to Adobe Photoshop

Convert images and non-vector PDFs

Computer Graphics. Rendering. Rendering 3D. Images & Color. Scena 3D rendering image. Human Visual System: the retina. Human Visual System

Pros and Cons for Each Type of Image Extensions

Common File Formats. Need to store an image on disk Real photos Synthetic renderings Composed images. Desirable Features High quality.

15110 Principles of Computing, Carnegie Mellon University

CMPSC 390 Visual Computing Spring 2014 Bob Roos Review Notes Introduction and PixelMath

Welcome to Photoshop CS

Computers and Imaging

Photoshop Elements Week 1 - Photoshop Elements Work Environment

Learning Outcomes. Black and White pictures. Bitmap Graphics. COMPSCI 111/111G Digital Images and Vector Graphics

Chapter 3 Graphics and Image Data Representations

CS101 Lecture 19: Digital Images. John Magee 18 July 2013 Some material copyright Jones and Bartlett. Overview/Questions

Image Optimization for Print and Web

UNIVERSITY OF CALICUT INTRODUCTION TO MULTIMEDIA QUESTION BANK

Bit Depth. Introduction

CS 262 Lecture 01: Digital Images and Video. John Magee Some material copyright Jones and Bartlett

WordPress Users Group Manchester, NH July 13, Preparing Images for the Web. Daryl Johnson SvenGrafik

An Analytical Study on Comparison of Different Image Compression Formats

5.1 Image Files and Formats

Applying mathematics to digital image processing using a spreadsheet

Welcome Back to Fundamentals of Multimedia (MR412) Fall, 2012 Chapter 3. ZHU Yongxin, Winson

Topics. 1. Raster vs vector graphics. 2. File formats. 3. Purpose of use. 4. Decreasing file size

Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010

Digital Asset Management 2. Introduction to Digital Media Format

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

IMAGE ENHANCEMENT - POINT PROCESSING

Unit 4.4 Representing Images

UNIT 7C Data Representation: Images and Sound

Digital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply

Lecture #2: Digital Images

Computers & Philately Overview

15110 Principles of Computing, Carnegie Mellon University

The BIOS in many personal computers stores the date and time in BCD. M-Mushtaq Hussain

Starting a Digitization Project: Basic Requirements

This report provides a brief look at some of these factors and provides guidelines to making the best choice from what is available.

Sampling Rate = Resolution Quantization Level = Color Depth = Bit Depth = Number of Colors

The Strengths and Weaknesses of Different Image Compression Methods. Samuel Teare and Brady Jacobson

On the Performance of Lossless Wavelet Compression Scheme on Digital Medical Images in JPEG, PNG, BMP and TIFF Formats

Course Objectives & Structure

Transcription:

Image Data Color Models RGB (the additive color model) CYMK (the subtractive color model)

Pixel Data Color Depth Every pixel is assigned to one specific color. The amount of data stored for every pixel, decides how many color possibilities it can afford. This amount is given by : bit per pixel (bpp) The (RGB) model acquires one byte (8 bits) of data for each of the three colors for every pixel. That's 24 bpp (bit per pixel) (known as True Color)

Color Depth 1 bpp (a single bit per pixel)

Color Depth 4 bpp (half a byte per pixel)

Color Depth 8 bpp (one byte per pixel)

Color Depth 16 bpp (two bytes per pixel)

Color Depth 24 bpp (True Color: 3 bytes per pixel)

Pixel Data Allowing 24 bits per pixel gives 256 levels for each component and over 16 million different colours - more than the human eye can distinguish However, many color display systems use only one byte (limiting the display to 256 different colors). Certain raster formats support 32 bpp with further data for alpha channels Alpha channels are data (algorithms) specified for transparency and opacity properties in digital images)

Pixel Data: Pixel data include many classes of information that vary according to the specific format used for the image. such data, in addition to Pixel color, may include: alpha channels (pixel transparency level), gamma corrections (pixel brightness level), pixel compression code (if supported). Etc. Some raster formats also support little loop animation data.

Image data Format: It is the programming g pattern & set of algorithms, that define the way the data compose the image, the way they are distributed, classified, the visual abilities they give to the image, and the way they deal with related hard ware items.

Raster Image Data Raster image data: Any digital image file that is composed mainly of Pixels in the form of a Bitmap is known as a Raster image. Raster Formats: all image formats built on raster image programming, are known as raster formats. They vary according to the type of Pixel data they support.

Raster Image Data Tagging: is the ability to store text data within an image file. Like writing info on the back of a photo, tagging data could include anything from technical details, copyright information, keywords, dates, full description and details. A file name and resolution, and file size, are most common tags associated with raster files

Raster Image Data Compression: The reduction of memory space a file occupies on a hard drive. Compression codes and protocols were invented for the following purposes: to maintain i high h image qualities within reasonable file sizes facilitate image data transfer process form the computer to the printing terminal enable high quality image publishing in web graphics

Raster Graphics Compression is either Lossy: a partial loss in image data takes place. so once an image is compressed in lossy compression, it can t be decompressed this type is better for web publishing. Lossless: no loss in image data takes place. this type is ideal for print publishing

Raster Formats

Raster Formats Bmp Gif Jpeg PNG TIFF TGA

Raster Formats Bmp Gif Jpeg PNG TIFF TGA Standard windows bitmap Windows bitmap files are stored in a Deviceindependent bitmap (DIB) format, which allows Windows to display the bitmap on any type of display device, under any software application. The default filename extension of a Windows DIB file is Filename. BMP It may use compression, though it is rare to find a compressed.bmp file It is not capable of storing animation

Raster Formats Bmp Gif Jpeg PNG TIFF TGA Graphics Interchange Format filename. gif GIF are mostly limited to 256 color. Which limits their use. The GIF format is best for images with solid colors or areas of uniform color such as illustrations and logos The GIF format uses lossless compression It supports simple animations

Raster Formats Bmp Gif Jpeg PNG TIFF TGA Joint Photographic Experts Group filename. jpg Jpeg format supports 24 bpp images, so they can host photographic images jpg format uses compression, it is a standardized compression tool. It uses lossy compression algorithms. A trade-off between image quality and file size has to be made in jpeg compression

Raster Formats Bmp Gif Jpeg PNG TIFF TGA Portable Network Graphics filename. png PNG format was designed to replace GIF it supports more data than GIF: alpha channels, gamma corrections (brightness control) & two dimensional interlacing PNG compresses better than GIF

Raster Formats Bmp Gif Jpeg PNG TIFF TGA Tag Image File Format filename. tif Highly flexible and platform-independent format, with high hardware compatibility wide range of options for color and control TIFF allows advanced image tagging TIFF uses the LZW lossless compression, and supports other kinds of compression like Jpg and ZIP TIFF allows color resolution up to 48 TIFF allows color resolution up to 48 bits (a 16-bit field each for R, G, and B)

Raster Formats Bmp Gif Jpeg PNG TIFF TGA Targa Graphics Adaptor filename. tga TGA is a common format for storage of 24 bit images, it supports high-color (16 bpp), true color images (24, 32 bpp) it supports alpha channels, reasonable lossless compression and tags TGA files are RLE compressed which results in significantly small file sizes, but will give slower performance when handling the image than TIFF compression

Format: Designed for: Top choice for: Format selection chart BMP GIF, PNG Screen display under Windows GIF :Screen display, especially the Web PNG: a developed GIF format. Online publishing of illustrations, screen shots Jpeg/ Jpg Screen display, especially the Web, image compression (lossy). Online publishing of photographic images TGA Printing to post script printers. High resolution Printing of images TIFF TIF Printing to PostScript printers, high hardware compatibility scanners, reasonable lossless compression. High resolution printing of images. Most suitable for wide area images.

Vector Graphics vector Image data : This type of image data programming is based on defining digital Image in terms of objects rather than pixels ( object oriented programming ) vector shape algorithms: the data equations that define full properties of an object in a vector image file.

Vector Graphics p Object (shape) properties: p object properties p include, Geometric shape parameters, aspect ratio (ratio of width to height), color or textures fill for the object, the objects ratio to all the other objects in the file (relative size), and its relative location in the file. Advanced vector formats also support more complicated properties for every object, like gamma and alpha channel specifications

Vector Graphics vector formats deal only with predefined shapes: simple or compound geometry, which h means that it works best for simple illustrations, logos and simple graphical applications in general. The fact that makes vector graphics ideal for simple web design elements, as they also consume much smaller memory space than raster formats. But vector graphics are inefficient for more complicated graphics applications like, photo real production, image editing, collage, and digital painting.

Vector Graphics CAD systems CAD is short for Computer Aided Drafting for architecture. All CAD systems are based on vector programming. The programming nature of CAD graphics like ease of proportional rescaling and precision of object definition, make CAD systems perfect candidates for geometric precision drawing.

Vector Graphics CAD Package: A software package is a software application in addition to other requirements and contents like: plugins, library suit, and any hardware devices Most popular CAD packages: AutoCAD Microstation intellicad TurboCAD DesignCAD

Cross Media Graphics Production (Cross Platform)

Cross Platform Cross Platform: this is the term we give to digital it graphics production that is feasible for editing and featuring through different types of compu-graphic media Example for raster formats that support cross media platform interchange: TIFF ( platform Independant). Jpg and Gif are essential for multimedia applications.

Cross Platform for architectural graphics, cross platform management is essential for defining i the most suitable format for images that will go from being included in a print sheet, to images that are viewed in a data show, or that will be part of a multimedia presentation,, or that will be published on a web site etc.

Cross Platform Format Conversions Raster to Raster Raster to Vector Vector to Raster Vector to Vector

Cross Platform Raster to Raster In architectural graphics, an image might be stored in TIFF or TGA for printing, so in order to make that very same image suitable for a PowerPoint presentation, it is better to compress it into a JPG, if it is photo real, or to GIF if it is only an illustration with few, single tone color areas. Raster Converters

Cross Platform Vector to Raster An architect could create a logo or an illustration, or a colored dwg plan in a vector application, but for final grouping g and full layout production, he will have to rasterize his vector image.

Cross Platform Raster to Vector Bitmap Tracing: Tracing a bitmap is a process that turns every group of pixels similar in Properties into an objec that will be reformatted as a vector object This process defines a color threshold, that is the quantity of close tone colors that should be abbreviated to their average tone (hue, saturation and value). Vectorizers / Bitmap Tracers

Cross Platform Vector to Vector Architects would generally do this type of Transformation from a CAD application to a vector render software like CorelDraw

Cross Media Graphics Production B.Digital graphics