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

Slides:



Advertisements
Similar presentations
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
Advertisements

2.01 Understand Digital Raster Graphics
Graphics in the web Digital Media: Communication and Design
Image Representation CS105. Data Representation Text representation – ASCII character set – Unicode – Data compression Images!
Introduction to Computer Graphics
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Graphics and Images September 28, Unit 3.
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
 Scanned or digitally captured image  Image created on computer using graphics software.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
File Formats About graphic file formats And image compression.
Module Code: CU0001NI Technical Information on Digital Images Week -2.
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.
All About File Formats Mr. Butler John Jay High School Department of Technology.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Image formats. Basic terminologies… Pixels: Pixels are the building blocks of every digital image. a pixel is a single point in a graphic image. Resolutions:
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
LAY-OUTING WITH BASIC ADOBE By: Arcgel Baylon Hinggo "Journalism: A profession for the Future Members of the Fourth Estate." University of Rizal System.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify 3 types of vector programs.
Digital Imaging 101 Ann Ware
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Raster Graphics 2.01 Investigate graphic image design.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Chapter 8 Recovering Graphics Files
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Graphics Concepts Presentation
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Lesson 2: Introduction to Digital Imaging Digital Photography MITSAA IAP 2003 Rob Zehner.
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.
Chapter 1 Definitions & Basics of Digital Image 1.Image 2.Digital Image 3.Raster 4. Vector 5.Image Editing 1.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
By tom squire.  Graphic cards are made of millions of dots called pixels. Graphic cards take data from the CPU and turn it into a picture. At most common.
2.01 Understand Digital Raster Graphics
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
DIGITAL MEDIA FOUNDATIONS
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Image Formats.
2.01 Investigate graphic image design.
Graphics Basics Ellen Eyth.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
Graphics and Animation
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
Web Design and Development
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Multimedia System Image
2.01 Investigate graphic image design.
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

Image and Sound Editing Raed S. Rasheed 2012

Image Image. Digital image. – Raster images. – Vector Images. – Stereo Images. – Image File Formats Lossless compression Lossy compression

Image An image: is an artifact, that has a similar appearance to some subject - usually a physical object or a person. – 2-D such as a photograph, screen display, and – 3-D such as a statue or hologram.

Digital Image An digital image: is a numeric representation (normally binary) of a 2-D image. Depending on whether the image resolution is fixed, it may be of vector or raster type. "digital image" usually refers to raster images also called bitmap images. (Raster, Vector, and Stereo) Images.

Digital Image

Raster Images Raster images have a finite set of digital values, called picture elements or pixels. The digital image contains a fixed number of rows and columns of pixels. Pixels are the smallest individual element in an image, holding quantized values that represent the brightness of a given color at any specific point.

Raster Images Raster image type – Binary: is a digital image that has only two possible values for each pixel. – Grayscale: is an image in which the value of each pixel is a single sample, that is, it carries only intensity information. – Color: is a digital image that includes color information for each pixel.

Raster Images

Vector Images Vector images resulted from mathematical geometry (vector). In mathematical terms, a vector consists of point that has both direction and length. Often, both raster and vector elements will be combined in one image; for example, in the case of a billboard with text (vector) and photographs (raster).

Stereo Images Stereoscopy (also called stereoscopic or 3-D imaging) refers to a technique for creating or enhancing the illusion of depth in an image by presenting two offset images separately to the left and right eye of the viewer. These 2-D images are then combined in the brain to give the perception of 3-D depth.

Image File Formats Image file formats are standardized means of organizing and storing digital images. Image files are composed of either pixels, vector (geometric) data, or a combination of the two.

Image File Formats Image file compression – Lossless compression algorithms reduce file size without losing image quality, though they are not compressed into as small a file as a lossy compression file. – Lossy compression algorithms take advantage of the inherent limitations of the human eye and discard invisible information. Most lossy compression algorithms allow for variable quality levels (compression) and as these levels are increased, file size is reduced.

Image File Formats Raster formats – JPEG/JFIF JPEG (Joint Photographic Experts Group) is a compression method JPEG compression is (in most cases) lossy compression. – TIFF (Tagged Image File Format) format is a flexible format that normally saves 8 bits or 16 bits per color (red, green, blue) for 24-bit and 48-bit totals. Can be lossy and lossless. – GIF (Graphics Interchange Format) is limited to an 8-bit palette, or 256 colors.

Image File Formats Raster formats – PNG (Portable Network Graphics) file format was created as the free, open-source successor to the GIF. Supports truecolor (16 million colors). – BMP (Windows bitmap) handles graphics files within the Microsoft Windows OS. Typically, BMP files are uncompressed, hence they are large; the advantage is their simplicity and wide acceptance in Windows programs. – WebP is a new image format that uses lossy compression. It was designed by Google to reduce image file size to speed up web page loading

Image File Formats Raster formats – JPEG XR (New JPEG standard based on Microsoft HD Photo) – TGA (TARGA) – ILBM (InterLeaved BitMap) – IMG (Graphical Environment Manager image file; planar, run-length encoded) – PCX (Personal Computer eXchange) – ECW (Enhanced Compression Wavelet) – IMG (ERDAS IMAGINE Image)

Image File Formats Raster formats – SID (multiresolution seamless image database, MrSID) – CD5 (Chasys Draw Image) – FITS (Flexible Image Transport System) – PGF (Progressive Graphics File) – XCF (eXperimental Computing Facility format, native GIMP format) – PSD (Adobe PhotoShop Document) – PSP (Corel Paint Shop Pro)

Image File Formats Vector formats – CGM (Computer Graphics Metafile) is a file format for 2D vector graphics. – SVG (Scalable Vector Graphics) is an open standard created and developed by the W3C.

Image File Formats Stereo formats – MPO (Multi Picture Object) (.mpo) format consists of multiple JPEG images (Camera & Imaging Products Association) (CIPA). – PNS PNG Stereo (.pns) format consists of a side- by-side image based on PNG (Portable Network Graphics). – JPS JPEG Stereo (.jps) format consists of a side-by- side image format based on JPEG.